@import "https://at.alicdn.com/t/c/font_178760_4avmrsp9ycz.css";
@import "https://at.alicdn.com/t/c/font_178760_4jb088ofk19.css";

@font-face {
    font-family: DIN-Bold;
    src: url(fonts/DIN-Bold.otf);
}

.iconfont {
    font-size: inherit;
    line-height: 1;
    -webkit-text-stroke-width: 0;
}

a {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #0069c5;
}

#skip {
    height: 0;
    overflow: hidden;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶------------------------------------------------------------------------*/
body {
    background: #ebeff1;
    font-size: 14px !important;
}

table td {
    vertical-align: middle !important;
    word-wrap: break-word;
    word-break: break-all;
}

[disabled] {
    cursor: not-allowed;
}

a[disabled] {
    color: #666;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â² */
.text-primary {
    color: #0069c5 !important;
}

.text-success {
    color: #66bb6a !important;
}

.text-error {
    color: #f15a5d !important;
}

.text-info {
    color: #42a5f5 !important;
}

.text-warning {
    color: #ffa726 !important;
}

.text-orange {
    color: #ff7043 !important;
}

.text-purple {
    color: #5c6bc0 !important;
}

.text-pink {
    color: #ec407a !important;
}

.text-blue {
    color: #0069c5 !important;
}

.text-default {
    color: #444 !important;
}

.text-white {
    color: #fff !important;
}

.a .text-white {
    width: 135px;
    height: 16px;
    color: #ffffff;
    font: 12px "microsoft yahei", arial;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â® */
.btn {
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn:hover {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.btn-primary {
    color: #fff;
    background-color: #0069c5;
    border-color: #0069c5;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #0070d1 !important;
    border-color: #0070d1 !important;
}

.btn-info {
    color: #fff;
    background-color: #20a0e4;
    border-color: #20a0e4;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
    background-color: #22a8f0 !important;
    border-color: #22a8f0 !important;
}

.btn-cyan-blue {
    color: #fff;
    background-color: #23b6c8;
    border-color: #23b6c8;
}

.btn-cyan-blue:hover,
.btn-cyan-blue:focus,
.btn-cyan-blue.focus,
.btn-cyan-blue:active,
.btn-cyan-blue.active {
    color: #fff;
    background-color: #24bfd4 !important;
    border-color: #24bfd4 !important;
}

.btn-blue {
    color: #fff;
    background-color: #0069c5;
    border-color: #0069c5;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active {
    color: #fff;
    background-color: #368DDA !important;
    border-color: #368DDA !important;
}

.btn-success {
    color: #fff;
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
    background-color: #6dc772;
    border-color: #6dc772;
}

.btn-danger {
    color: #fff;
    background-color: #f15a5d;
    border-color: #f15a5d;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #ff5e61;
    border-color: #ff5e61;
}

.btn-orange {
    color: #fff;
    background-color: #ff7043;
    border-color: #ff7043;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active {
    color: #fff;
    background-color: #ff855f;
    border-color: #ff855f;
}

.btn-yellow {
    color: #fff;
    background-color: #ffa726;
    border-color: #ffa726;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.active {
    color: #fff;
    background-color: #ffbe5f;
    border-color: #ffbe5f;
}

.btn-purple {
    color: #fff;
    background-color: #5c6bc0;
    border-color: #5c6bc0;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:active,
.btn-purple.active {
    color: #fff;
    background-color: #7987D8;
    border-color: #7987D8;
}

.btn-pink {
    color: #fff;
    background-color: #ec407a;
    border-color: #ec407a;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:active,
.btn-pink.active {
    color: #fff;
    background-color: #EE6090;
    border-color: #EE6090;
}

.btn-white {
    background-color: #fff;
    border: 0;
}

.btn-default:hover {
    background: #fff;
}

.btn-b1:hover,
.btn-b1 {
    color: #fff;
    background-color: #5d89b4;
    border-color: #5d89b4;
}

ul.btnicon-lg li {
    text-align: center;
}

ul.btnicon-lg li a {
    padding-top: 2px;
    padding-bottom: 6px;
    display: block;
}

ul.btnicon-lg li a:active {
    background: #efefef;
}

ul.btnicon-lg li a i.iconfont {
    font-size: 38px;
}

ul.btnicon-lg li a p {
    margin-top: 15px;
    color: #444;
}

ul.btn-line li a.btn {
    box-shadow: none;
    border-color: #ebebeb;
}

ul.btn-line li a.btn:hover {
    border-color: #ddd;
    background-color: transparent;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
}

li {
    list-style: none;
}

/*ÃƒÂ©Ã‚Â¦Ã¢â‚¬â€œÃƒÂ©Ã‚Â¡Ã‚ÂµÃƒÂ¦ Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/
.paddbotm0 {
    padding-bottom: 0 !important;
}

.fu-tel h6 {
    font-size: 16px;
    border-left: 3px solid #0069c5;
    padding-left: 8px;
    color: #0069c5;
    line-height: 16px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 13px;
}

.marlt5 {
    margin-left: 5px;
}

.botm-line {
    padding-bottom: 5px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ebebeb;
}

.padding-left-8 {
    padding-left: 8px !important;
}

.botm-line h6 {
    margin-top: 13px;
}

.gua {
    bottom: 30px;
    /* bottom: 230px; width: 80px;*/
    width: 150px;
    /* width: 255px; */
    /*width:160px*/
}

.face img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.face img:hover {
    transform: scale(1.2);
}

.face {
    position: absolute;
    top: -250px;
    border-radius: 5px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

.front {
    z-index: 10;
}

.back {
    transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    /* IE 9 */
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    /* Firefox */
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    /* Safari ÃƒÂ¥Ã¢â‚¬â„¢Ã…â€™ Chrome */
    -o-transform: rotateY(0, 1, 0, -180deg);
    /* Opera */
    z-index: 8;
}

.card-flipped .front {
    transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    /* IE 9 */
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    /* Firefox */
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    /* Safari ÃƒÂ¥Ã¢â‚¬â„¢Ã…â€™ Chrome */
    -o-transform: rotate3d(0, 1, 0, 180deg);
    /* Opera */
    z-index: 8;
}

.card-flipped .back {
    transform: rotate3d(0, 1, 0, 0deg);
    -ms-transform: rotate3d(0, 1, 0, 0deg);
    /* IE 9 */
    -moz-transform: rotate3d(0, 1, 0, 0deg);
    /* Firefox */
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    /* Safari ÃƒÂ¥Ã¢â‚¬â„¢Ã…â€™ Chrome */
    -o-transform: rotate3d(0, 1, 0, 0deg);
    /* Opera */
    z-index: 10;
}

.close-img {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

/* .cardtc{
          bottom: 500px;
    }*/

.gua.cardtc {
    width: auto;
}

#main .container .nav-info>li>h2 {
    margin-top: 0;
}

.Civilization-construction {
    display: block;
    position: relative;
    height: 192px;
    overflow: hidden;
    display: block;
}

.Civilization-construction span {
    background: rgba(0, 0, 0, .8);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 0 20px;
    display: none;
}

.Civilization-construction:hover span {
    display: block;
}

.app-close img {
    width: 20px;
    height: 20px;
}

/* ÃƒÂ¦Ã‚Â·Ã‚Â»ÃƒÂ¥Ã…  ÃƒÂ¥Ã… Ã‚Â¨ÃƒÂ§Ã¢â‚¬ÂÃ‚Â» */
.livechat {
    height: 62px;
    width: 62px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.animated-circles .circle {
    background: rgba(255, 152, 68, 0.25);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    position: absolute;
    z-index: 49;
    top: 0;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.card-area li.active .livechat i {
    position: relative;
    background: #fff;
    color: #00c1de;
    z-index: 999;
}

.animated-circles.animated .c-1 {
    animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.animated-circles.animated .c-2 {
    animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.animated-circles.animated .c-3 {
    animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.animation-stopped .circle {
    opacity: 0 !important
}

@keyframes scaleToggleOne {
    from {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    50% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleTwo {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    20% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    60% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleThree {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    33% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    66% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.card-area li.active .livechat img {
    max-width: inherit;
    width: 150px;
    position: absolute;
    left: -44px;
    top: -14px;
}

.index-sousuo {
    position: relative;
    width: 716px;
    height: 69px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 51px;
    border-radius: 37px;
    border: 4px rgba(255, 255, 255, 20%) solid;
    margin-top: 20px;
}

.index-sousuo .input {
    position: relative;
    float: left;
    width: 100%;
    height: 61px;
    border: none;
}

.index-sousuo .input>input {
    position: relative;
    padding: 0 10px 0 47px;
    margin: 0;
    height: 61px;
    width: 100%;
    border: none;
    font-size: 16px;
    background-color: #fff;
    border-radius: 37px !important;
    outline: none;
}

.index-sousuo .input:before {
    content: "";
    position: absolute;
    left: 19px;
    top: 19px;
    z-index: 1;
    width: 21px;
    height: 21px;
    display: block;
    background: url(../img/sos.png) no-repeat;
    background-size: cover;
}

.index-sousuo .search {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 155px;
    height: 61px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    float: right;
    color: #fff;
    font-weight: bold;
    background: #006BCC;
    border-radius: 37px;
    cursor: pointer;
    transition: .3s;
    border: none;
}


/*ÃƒÂ¨Ã‚ÂÃ‚Â¥ÃƒÂ¥Ã¢â‚¬Â¢Ã¢â‚¬ ÃƒÂ¦ Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/

@import "https://at.alicdn.com/t/font_178760_6voc2npdsqw.css";

.ys-top-right .brief p {
    color: #666;
    height: auto;
    overflow: hidden;
}

.padding-hz-5 ul.hack-z-left li .multi-hover {
    height: 90px;
    border: 0;
    padding: 0px;
    background-size: 100% !important;
}

.padding-hz-5 ul.hack-z-left li .multi-hover:hover {
    border: 0;
}

.padding-hz-5 ul.hack-z-left li .multi-hover p {
    width: 65%;
    float: right;
    margin-top: 20px;
    color: #fff;
    font-size: 17px;
    font-weight: bolder;
    letter-spacing: 1px;
    margin-right: 5px;
}

.padding-hz-5 ul.hack-z-left li:nth-child(1) .multi-hover {
    background: url("/public/assets/img/y1.png") no-repeat;
}

.padding-hz-5 ul.hack-z-left li:nth-child(2) .multi-hover {
    background: url("/public/assets/img/y2.png") no-repeat;
}

.padding-hz-5 ul.hack-z-left li:nth-child(3) .multi-hover {
    background: url("/public/assets/img/y3.png") no-repeat;
}

.padding-hz-5 ul.hack-z-left li:nth-child(4) .multi-hover {
    background: url("/public/assets/img/y4.png") no-repeat;
}

.padding-hz-5 ul.hack-z-left li:nth-child(5) .multi-hover {
    background: url("/public/assets/img/y5.png") no-repeat;
}

.padding-hz-5 ul.hack-z-left li:nth-child(6) .multi-hover {
    background: url("/public/assets/img/y6.png") no-repeat;
}

.ys-bottom-left .navbar-nav>li {
    margin-bottom: 20px;
}

.ys-bottom-left .navbar-nav>li>a {
    color: #000;
    padding: 10px 15px !important;
    font-size: 16px;
    background-color: #eff7fe;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    border-top: 2px solid transparent;
}

.ys-bottom-left .navbar-nav>li>a i {
    color: #147bd6;
    font-size: 20px;
    margin-right: 5px;
}

.ys-bottom-left .navbar-nav>li>a:hover {
    border-top: 2px solid #167cd6;
}

.ys-bottom-left .navbar-nav>li>a .caret {
    border: none;
}

.ys-bottom-left .navbar-nav>li>a .caret:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: 15px;
    margin-left: 5px;
}

.ys-bottom-left .navbar-nav>li>.dropdown-menu {
    width: 90%;
    left: 15px;
    border: none;
    background-color: #f8fcff;
    box-shadow: none;
}

.ys-bottom-left .navbar-nav>li>.dropdown-menu>li>a {
    padding: 3px 10px;
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ys-bottom-left .navbar-nav>li>.dropdown-menu>li>a h4 {
    font-size: 14px;
    color: #666;
}

#know-supervise .panel {
    overflow: initial;
}

.list-labelbtn li {
    border-bottom: 1px dashed #ddd;
    padding: 14px 0;
}

.list-labelbtn li a {
    font-size: 16px;
    padding-left: 20px;
}

.list-labelbtn li span {
    top: 14px
}

.list-dt a {
    font-weight: normal;
    padding: 7px 0 7px 15px;
    display: block;
    color: #444;
    background: url(../img/dot-circle.png) 0 center no-repeat;
}

.list-dt a:hover {
    color: #0a4890;
}

/*ÃƒÂ¦Ã¢â‚¬ÂÃ‚Â¿ÃƒÂ§Ã‚Â­Ã¢â‚¬â€œÃƒÂ¦Ã‚Â±Ã¢â‚¬Â¡ÃƒÂ§Ã‚Â¼Ã¢â‚¬â€œ*/
.zchb-panel {
    display: flex;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
    margin-top: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    list-style-type: disc;
    padding-inline-start: 0;
    width: 100%;
    position: relative;
    padding-left: 80px;
    padding-right: 16px;
}

.zchb-panel .hot {
    position: absolute;
    left: 10px;
    top: 0;
}

.zchb-panel .hot img {
    width: 62px;
    height: 65px;
    max-width: 62px;
}

.hover-shadow,
.hover-shadow img {
    width: 100%;
    border-radius: 6px;
}

.hover-shadow:hover {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.zchb-brief {
    flex: 1;
    margin-left: 10px;
    width: 100%;
    padding-top: 4px;
}

.zchb-brief h4 a {
    color: #333333;
    padding-top: 6px;
}

.zchb-brief p {
    color: #999;
    min-height: 42px;
}

.list-lineh li {
    padding: 10px 6px;
}

.list-lineh li a {
    color: #666;
}

.tips {
    color: #fff;
    font-size: 12px;
    padding: 2px 16px 4px;
    border-radius: 6px 0 6px 0;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.bg-yellow {
    background: #eacb63;
}

.bg-red,
.bg-red:hover {
    background: #ea7763 !important;
}

.btn-sc-blue {
    background-color: #1464a9;
    border-color: #1464a9;
    color: #fff;
    padding: 8px 5px;
    /*border:3px solid #1464a9;*/
}

.btn-sc-blue:hover {
    color: #fff;
    border: 3px solid #ffb430;
}

.dropdown-k {
    width: 100%;
    background: #1464a9;
    border-radius: 4px;
    padding: 28px;
    position: relative;
}

.dropdown-k:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #1464a9;
    position: absolute;
    top: -15px;
    right: 75px;
}

.dropdown-five5 {
    margin-top: -15px;
    display: none;
}

.dropdown-k dl {
    margin: 0 -11px;
    margin-bottom: 0;
    overflow: hidden;
}

.dropdown-k dl dd {
    padding: 0 11px;
    width: 20%;
    float: left;
}

.shower {
    display: block;
}

@media (max-width: 1199px) {
    .Creative_park li a span {
        height: 120px;
    }

    .dropdown-five5 {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .ys-bottom-right {
        clear: both;
    }

    .dropdown-k {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .padding-hz-5 ul.hack-z-left li .multi-hover {
        height: 150px;
    }

    .padding-hz-5 ul.hack-z-left li {
        padding-right: 0px;
    }

    .padding-hz-5 ul.hack-z-left li .multi-hover p {
        width: 72%;
        font-size: 16px;
        margin-top: 34px;
    }

    .ys-bottom-left .navbar-nav>li {
        width: 100%;
    }
}

.Creative_park {
    padding: 0;
    margin: 0 -10px;
    margin-bottom: 25px;
    overflow: hidden;
}

.Creative_park li {
    width: 25%;
    float: left;
    padding: 0 10px;
}

.Creative_park li a span {
    border-radius: 10px;
    display: block;
    height: 140px;
}

.Creative_park li a span img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.Creative_park li a p {
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
}

.Creative_park li a:hover p {
    color: #0069c5;
}

@media (max-width: 991px) {
    .Creative_park li {
        width: 50%;
        margin-bottom: 20px;
    }

    .Creative_park li a span {
        height: 140px;
    }

    .Creative_park {
        margin: 0 -10px;
        margin-bottom: 5px;
    }
}

@media (max-width: 580px) {
    .Creative_park li a span {
        height: 120px;
    }

    .dropdown-k dl dd {
        padding: 0 5px;
    }

    .dropdown-k dl {
        margin: 0 -5px;
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .Creative_park li a span {
        height: 100px;
    }

    .Creative_park li a p {
        font-size: 14px;
    }

    .dropdown-k dl dd {
        width: 33.333%;
        margin-bottom: 10px;
    }

    .dropdown-k {
        padding-bottom: 0;
    }

    .dropdown-k:before {
        right: 35px;
    }
}

@media (max-width: 380px) {
    .Creative_park li a span {
        height: 85px;
    }
}

.dropdown-menu {
    z-index: 1000;
}

.service-agency-btn {
    position: relative;
}

.ggxy-title {
    position: absolute;
    width: 30px;
    white-space: break-spaces;
    background-color: #0069c5;
    margin: 0px;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 16px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.zslx-ewm {
    text-align: center;
}

.zslx-ewm img {
    width: 160px;
    margin-bottom: 25px;
}


/*ÃƒÂ¤Ã‚Â¸Ã‚Â¤ÃƒÂ¤Ã‚Â¸Ã‚ÂªÃƒÂ©Ã¢â‚¬Â¡Ã¢â‚¬ËœÃƒÂ¥Ã‚Â­Ã¢â‚¬â€ÃƒÂ¦Ã¢â‚¬Â¹Ã¢â‚¬ÂºÃƒÂ§Ã¢â‚¬Â°Ã…â€™*/
li {
    list-style: none;
}

/*ÃƒÂ¦Ã¢â€žÂ¢Ã‚Â®ÃƒÂ©Ã¢â€žÂ¢Ã¢â€šÂ¬ÃƒÂ¦Ã‚Â¦Ã¢â‚¬Å¡ÃƒÂ¥Ã¢â‚¬ Ã‚Âµ*/
.general-txt p {
    font-size: 20px;
    line-height: 38px;
    margin-bottom: 36px;
    color: #333333;
    text-align: justify;
    /* text-indent:2em; */
}

.situation-fz h3 {
    font-size: 24px;
    color: #2069c5;
    margin-bottom: 0;
    font-weight: bold;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    border-bottom: solid 2px #0065c3;
}

.firdly-list h6 {
    font-size: 18px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 3px solid #2068c5;
}

.situation-fz {
    border-bottom: 1px solid #d2e3f8;
    overflow: hidden;
    margin-bottom: 50px;
}

.firdly-list p span {
    margin-right: 23px;
}

.firdly-list p {
    font-size: 18px;
    padding-left: 18px;
    color: #333333;
}

.firdly-list {
    margin-bottom: 35px;
    margin-top: 10px;
}

.wm-list li p {
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 12px;
}

.wm-list li {
    float: left;
    padding: 0 23px;
}

.wm-list {
    margin: 0 -23px;
}


/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ */
.label {
    line-height: 16px;
}

.label-primary {
    background-color: #42a5f5;
}

.label-success {
    background-color: #66bb6a;
}

.label-warning {
    background-color: #ffa726;
}

.label-info {
    background-color: #26c6da;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ */
.panel {
    position: relative;
    overflow: hidden;
    border: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.panel:hover {
    box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6);
}

.panel-title1 {
    padding: 0 0 12px 0;
    margin: 0 5px;
    overflow: hidden;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 20px;
    color: #0069c5;
    border-bottom: 1px solid #ebebeb;
}

.panel-title1 i {
    float: left;
    font-size: 22px;
    margin-right: 5px;
    margin-top: 2px;
    font-weight: normal;
}

.panel-title1 small.text-muted {
    color: #999;
    margin-left: 10px;
}

.panel-title1 .tab-link {
    float: right;
    margin: 0;
    position: inherit;
}

.panel-title1 .tab-link a {
    padding: 0 15px;
    font-weight: normal;
    font-size: 14px;
    border-left: 1px solid #ddd;
}

.panel-title1 .tab-link a:first-child {
    border-left: 0;
}

.panel-title1 .tab-link a:last-child {
    padding-right: 0;
}

.panel-vertical .panel-title {
    float: left;
    width: 66px;
    border-right: 1px solid #ebebeb;
}

.panel-vertical .panel-title h2 {
    margin: 8px 20px 0 20px;
    padding: 15px 0 24px 0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #0069c5;
}

.panel-vertical .panel-title h2 a i {
    display: block;
    padding-bottom: 5px;
    font-size: 28px;
}

.panel-vertical .panel-body {
    float: left;
    width: 85%;
}

.panel-vertical .panel-body h3 {
    margin: 10px 0;
    font-weight: bold;
    font-size: 18px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ */
.panel-heading2 {
    margin: 20px;
    border-bottom: 2px solid #e6e6e6;
}

.panel-heading2 .panel-title {
    position: absolute;
    left: 50%;
    margin-left: -75px;
    padding: 0 15px;
    overflow: hidden;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 22px;
    color: #0069c5;
    background: #fff;
}

.panel-heading2 .panel-title i {
    margin-right: 5px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ */
.page-header-1 h4 {
    padding: 0 15px;
    font-size: 16px;
    border-left: 3px solid #0069c5;
    color: #0069c5;
}

.page-header-1 h3 {
    padding: 0 20px;
    font-size: 18px;
    color: #0069c5;
    border-left: 4px solid #0069c5;
}

.page-header-1 h3 a {
    color: #0069c5;
}

.page-header-1 h4 small {
    margin-left: 15px;
}

.page-header-2 {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.page-header-2 h3 {
    display: inline;
    padding: 10px 15px 16px;
    font-size: 16px;
    color: #0069c5;
    border-bottom: solid 2px #005daf;
}

.page-header-2 a {
    padding-bottom: 0;
    border-bottom: 0;
}

.page-header-2 a.pull-right {
    font-weight: 500;
}

.tab-link {
    position: absolute;
    top: 0;
    right: 0;
}

.tab-link a {
    padding: 0 12px;
    border-left: 1px solid #ebebeb;
}

.tab-link a:first-child {
    border-left: 0;
}


/* TABÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ */
ul.nav-pills {
    background-color: #f4f2f5;
}

ul.nav-pills li:first-child {
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

ul.nav-pills li:last-child {
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #0069c5;
}

ul.nav-tabs.nav-line {
    padding-bottom: 1px;
    border-bottom: 1px solid #ebebeb;
}

ul.nav-tabs.nav-line>li>a {
    padding: 0 15px 13px;
    font-size: 16px;
    border-bottom: 2px solid transition;
}

ul.nav-tabs.nav-line>li.active>a {
    padding: 0 15px 13px;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #0069c5;
    color: #0069c5;
}


/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ */
.panel-fast {
    margin-bottom: 0px;
    background-color: #fff;
    border-bottom: 1px solid #dee0e2;
}

.panel-fast-body {
    padding: 42px 0;
    padding-left: 20px;
    background: url(/public/assets/img/fast-ms.png) right no-repeat;
    padding-bottom: 36px;
}


/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ */

.uli14 li {
    padding: 6px 0 6px 15px;
    /*background: url('https://www.shpt.gov.cn/shpt/assets/img/dot-circle.png') 0 center no-repeat;*/
}

ul.list-dir li {
    background: url('https://www.shpt.gov.cn/shpt/assets/img/dot-circle.png') 0 center no-repeat;
}

.uli14 li a {
    color: #444;
}

.uli14 li a:hover {
    color: #0069c5;
}

/*é¦–è¡Œè“è‰²*/
.list-fst li:first-child {
    background: none;
    padding-left: 0;
}

.list-fst li:first-child a {
    background-color: #20a0e4;
    border-color: #20a0e4;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 26px 10px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ */
.hotnews .uli14 span {
    margin: 4px 5px 0 10px;
    float: left;
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    background-color: #a8b2be;
    color: #fff;
    text-align: center;
}

.hotnews .uli14 span.active {
    background-color: #20a0e4;
}

.hotnews .uli14 li {
    padding: 6px 10px;
    background: none;
}

/*.owl-carousel .owl-item img:hover {*/
/*opacity: 1;*/
/*}*/
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ */
.complex-list li {
    padding: 14px 0 !important;
    border-top: 1px dashed #ebebeb;
    background: none !important;
    overflow: hidden;
}

.complex-list li:first-child {
    border-top: 0;
}

.complex-list li .label {
    float: left;
    margin-right: 10px;
}

.complex-list li a {
    float: left;
    width: 50%;
}

.complex-list li>span {
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.complex-list li span i {
    margin-right: 3px;
}

.complex-list li .time {
    width: 30%;
}

.complex-list li .address {
    width: 20%;
}

.dotted-list {
    margin: 0 5px;
    padding: 0;
}

.dotted-list li {
    padding: 13px 0;
    float: left;
    border-bottom: 1px dashed #ebebeb;
}

.dotted-list li:nth-last-of-type(1),
.dotted-list li:nth-last-of-type(2),
.dotted-list li:nth-last-of-type(3) {
    border-bottom: 0;
}

.dotted-list li a {
    color: #444;
}

.dotted-list li a:hover {
    color: #0069c5;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ */
.summary-list {
    padding: 0;
}

.summary-list li {
    padding: 8px 0;
    border-bottom: 1px dashed #ebebeb;
}

.summary-list li:last-child {
    border-bottom: 0;
}

.summary-list li h4 a {
    font-size: 16px;
    color: #444;
}

.summary-list li h4 a:hover {
    color: #0069c5;
}

.summary-list li p {
    color: #999;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ */
.list-labelbtn {
    padding: 10px 0;
}

.list-labelbtn li {
    overflow: hidden;
}

.list-labelbtn li>a {
    width: 85%;
}

.list-labelbtn li span {
    position: absolute;
    right: 0;
    top: 5px;
}

.list-labelbtn li span a {
    margin-left: 5px;
    padding: 1px 10px;
    float: left;
    width: auto;
    box-shadow: none;
    border: 1px solid #ebebeb;
}

.list-labelbtn li span a:first-child {
    margin-left: 0;
}

.list-labelbtn li span a:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}



/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦  ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â« */
.btn-float {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border: none;
    font-size: 24px;
    color: #fff !important;
    text-align: center;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}

.btn-float:hover,
.btn-float:focus {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}

.btn-float:active,
.btn-float:focus {
    outline: none;
}

.yellow {
    background: #ffa000;
}

.red {
    background: #e32428;
}

.green {
    background: #58c307;
}

.blue {
    background: #20a0e4;
}

.cyan-blue {
    background: #00b9db;
}

.pink {
    background: #f15a5d;
}

.icon-bars {
    background: #fff;
    height: 2px;
    width: 22px;
    margin: auto;
    display: block;
    position: relative;
    position: absolute;
    top: 24px;
    right: 14px;
    -moz-transition: 0.3s 0.3s;
    -o-transition: 0.3s 0.3s;
    -webkit-transition: 0.3s;
    -webkit-transition-delay: 0.3s;
    -webkit-transition: 0.3s 0.3s;
    transition: 0.3s 0.3s;
}

.icon-bars:after {
    content: '';
    position: absolute;
    height: 22px;
    width: 2px;
    background: #fff;
    top: -10px;
    left: 10px;
}

.float-btn-group {
    z-index: 999;
    position: fixed;
    right: 15px;
    bottom: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.float-btn-group .btn-triger {
    z-index: 15;
    float: left;
}

.float-btn-group .btn-list {
    /*  position: absolute; */
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.float-btn-group .btn-list li {
    position: relative;
    padding: 0px;
    padding-left: 30px;
}

.float-btn-group.open .icon-bars {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.float-btn-group .icon-bars {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.float-btn-group .btn-list .btn-float {
    /*   position: absolute; */
    right: 0;
    top: 0;
    opacity: 0;
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.float-btn-group .btn-list li ul {
    position: absolute;
    top: -20px;
    left: -40px;
    padding-left: 0px;
    background-color: #fff;
    padding: 0px 7px 0px 9px;
    border-radius: 5px;
    display: none;
}

.float-btn-group .btn-list li ul li {
    padding-left: 0px;
    margin: 10px 0px;
}

.float-btn-group .btn-list .btn-float:nth-child(1) {
    -moz-transition: 0.2s 0.3s;
    -o-transition: 0.2s 0.3s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.3s;
    -webkit-transition: 0.2s 0.3s;
    transition: 0.2s 0.3s;
}

.float-btn-group .btn-list .btn-float:nth-child(2) {
    -moz-transition: 0.2s 0.5s;
    -o-transition: 0.2s 0.5s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.5s;
    -webkit-transition: 0.2s 0.5s;
    transition: 0.2s 0.5s;
}

.float-btn-group .btn-list .btn-float:nth-child(3) {
    -moz-transition: 0.2s 0.7s;
    -o-transition: 0.2s 0.7s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.7s;
    -webkit-transition: 0.2s 0.7s;
    transition: 0.2s 0.7s;
}

.float-btn-group .btn-list li ul li img {
    width: 31px;
}

.float-btn-group .btn-list .btn-float:nth-child(4) {
    -moz-transition: 0.2s 0.92s;
    -o-transition: 0.2s 0.92s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.92s;
    -webkit-transition: 0.2s 0.92s;
    transition: 0.2s 0.92s;
}

.float-btn-group .btn-list li ul li:hover .iphone-div,
.float-btn-group .btn-list li ul li:hover .wechat {
    display: block;
}

.wechat {
    display: none;
}

.iphone-div {
    position: absolute;
    top: -54px;
    right: -50px;
    width: 140px;
    min-width: 0;
    padding: 5px 10px;
    z-index: 10001;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
}

.float-btn-group.open .btn-list .btn-float {
    opacity: 1;
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
}

.float-btn-group.open .btn-list .btn-float:nth-child(1) {
    -moz-transition: 0.2s 0.9s;
    -o-transition: 0.2s 0.9s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.9s;
    -webkit-transition: 0.2s 0.9s;
    transition: 0.2s 0.9s;
}

.float-btn-group.open .btn-list .btn-float:nth-child(2) {
    top: -220px;
    -moz-transition: 0.2s 0.7s;
    -o-transition: 0.2s 0.7s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.7s;
    -webkit-transition: 0.2s 0.7s;
    transition: 0.2s 0.7s;
}

.float-btn-group.open .btn-list .btn-float:nth-child(3) {
    top: -165px;
    -moz-transition: 0.2s 0.5s;
    -o-transition: 0.2s 0.5s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.5s;
    -webkit-transition: 0.2s 0.5s;
    transition: 0.2s 0.5s;
}

.float-btn-group.open .btn-list .btn-float:nth-child(4) {
    top: -110px;
    -moz-transition: 0.2s 0.5s;
    -o-transition: 0.2s 0.5s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.5s;
    -webkit-transition: 0.2s 0.5s;
    transition: 0.2s 0.5s;
}

.float-btn-group.open .btn-list .btn-float:nth-child(5) {
    top: -55px;
    -moz-transition: 0.2s 0.3s;
    -o-transition: 0.2s 0.3s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.3s;
    -webkit-transition: 0.2s 0.3s;
    transition: 0.2s 0.3s;
}

.line-clamp3 {
    height: 59px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ */
#header {
    min-height: 80px;
}

body.nav-open {
    overflow: hidden;
}

body.nav-open .sitemap {
    height: auto;
    overflow: inherit;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

body.nav-open .navbar-toggle {
    box-shadow: none;
}

body.nav-open .navbar-toggle:before {
    width: 3600px;
    height: 3600px;
    background-color: rgba(0, 0, 0, 0.8);
}

body.nav-open .navbar-toggle .icon {
    width: 0;
}

body.nav-open .navbar-toggle .icon:before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

body.nav-open .navbar-toggle .icon:after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

.dropdown-menu {
    z-index: 998;
}

.destroy-overflow {
    overflow: inherit;
}

.navbar-toggle {
    width: 50px;
    height: 50px;
    z-index: 2;
    border-radius: 50%;
    margin: 10px 0 0 0;
    position: absolute;
    cursor: pointer;
    -webkit-transition-duration: 0.55s;
    transition-duration: 0.55s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
}

.navbar-toggle:before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition-duration: 0.55s;
    transition-duration: 0.55s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
}

.navbar-toggle .icon {
    width: 22px;
    height: 3px;
    background-color: white;
    position: absolute;
    top: 28px;
    left: 15px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transiting-timing-function: swing;
}

.navbar-toggle .icon:before,
.navbar-toggle .icon:after {
    width: 22px;
    height: 3px;
    background-color: white;
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
}

.navbar-toggle .icon:before {
    top: -9px;
}

.navbar-toggle .icon:after {
    top: 9px;
}

.navbar-toggle {
    border: 0;
}

.sitemap {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 9;
    padding: 0 20px;
    -webkit-transition-duration: 0.44s;
    transition-duration: 0.44s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.sitemap-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    filter: alpha(opacity=80);
    z-index: 1;
    display: none;
}

.slogan {
    margin: -55px 60px 40px 60px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.slogan span+span {
    margin-left: 10px;
}

.panel-blue {
    background-color: #20a0e4;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.panel-blue:hover {
    background-color: #158bca;
}

.panel-blue ul:hover li a {
    opacity: 0.5;
}

.panel-blue ul:hover li:hover a {
    opacity: 1;
}

.panel-blue ul li a {
    display: block;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.panel-nav {
    min-height: 310px;
    padding: 10px 0;
}

.panel-nav:hover {
    box-shadow: none !important;
}

.panel-nav .panel-title {
    padding-left: 35px;
}

.panel-nav .panel-title a {
    font-size: 22px;
    color: #fff;
}

.sitemap-list {
    padding: 0;
}

.sitemap-list li {
    padding: 7px 0 7px 35px;
    width: 50%;
    float: left;
}

.sitemap-list li a {
    color: #fff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}

.navbar .navbar-header {
    margin-left: 55px !important;
    margin-right: 35px !important;
}

.navbar .navbar-header h1 {
    min-width: 180px;
    margin-top: 15px;
}

.navbar-header a {
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}

.navbar-header a:hover,
.navbar-header a:focus {
    color: #fff;
}

.navbar.navbar-inverse {
    position: absolute;
    z-index: 101;
    width: 100%;
    margin: 0;
    min-height: 80px;
    background-color: #0069c5;
    border-color: #0069c5;
    color: #fff;
    border-radius: 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.navbar-nav>li {
    float: left !important;
}

.navbar-nav>li>a {
    padding: 30px 15px !important;
    letter-spacing: 1px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-icon>li>a {
    padding: 30px 10px !important;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.navbar-icon li:first-child {
    position: static;
}

.search {
    width: 100%;
    border: 0;
}

.search button,
.search a {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 25px;
    color: #0069c5;
    background: transparent;
    border: 0;
}

.search input {
    padding: 15px 0;
    width: 100%;
    border: 0;
    text-align: center;
    font-size: 16px;
    outline: none;
    background-color: transparent;
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-header-1 a {
    border-left: 0 !important;
    padding-left: 0 !important;
    color: #0069c5;
}

.pagination li[disabled=disabled] {
    cursor: not-allowed;
}

.pagination select {
    margin: 0 5px;
}

.Article {
    padding: 20px 30px;
}

.Article-title {
    font-size: 26px;
    padding: 0 5%;
    color: #5f5f5f;
}

.Article_content {
    font-family: 'Microsoft YaHei', arial, helvetica, sans-serif;
}

.Article_content:before,
.Article_content:after {
    display: table;
    content: " ";
}

.Article_content:after {
    clear: both;
}

.Article_content table {
    width: 100% !important;
}

.Article_content p {
    text-align: justify;
    color: #5f5f5f;
}

.Article_content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.Article_content img[src*="icon_doc.gif"] {
    display: inline-block;
    *display: inline;
    margin-right: 10px !important;
}

.Article_content object {
    display: block;
    margin: 0 auto;
}

.Article_content object embed {
    width: 100%;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬  */
#weChat .modal-dialog {
    width: 300px;
    margin-top: 15% !important;
    margin-left: auto;
    margin-right: auto;
}

.embed-responsive-zw {
    padding-bottom: 885px;
}

.embed-responsive-xw {
    padding-bottom: 835px;
}

.embed-responsive-ys {
    padding-bottom: 660px;
}

.embed-responsive-ms {
    padding-bottom: 735px;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ------------------------------------------------------------------------*/
.news-tab .nav-tabs.nav-info a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 16px !important;
}

.padding-top-6 {
    padding-top: 6px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.main-visual {
    margin: 0 auto 20px;
    overflow: hidden;
    background: url(/public/assets/img/index-banner.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-bottom: 30px;
    height: auto;
}

.card-area {
    padding: 0;
    margin-top: 35px;
}

.card-area .card-item {
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    position: relative;
    float: left;
    width: 25%;
    background-color: transparent;
    border: 1px solid #E9EAEB;
    margin-left: -1px;
}

.card-area .card-item .card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    position: relative;
}

.card-area .card-item .card>img {
    position: absolute;
    top: -7px;
    left: -7px;
    display: none;
}

.card-area .card-item.active .card>img {
    display: block;
}

.card-area .card-item .card .card-title {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    top: 0;
}

.ali-product-img .circle-btn .btn {
    width: 45px;
    height: 45px;
    padding: 0;
    line-height: 40px;
    background: #b3b6b8;
    color: #eeeeef;
    font-size: 26px;
    border-radius: 100%;
}

.card-area .card>a {
    display: block;
}

.card-title {
    padding: 30px 0;
    background-color: #eeeeef;
}

.card-title h1 {
    font-size: 20px;
    font-weight: bold;
    color: #666;
}

.card-title .short-info {
    color: #999;
    font-size: 12px;
    margin-bottom: 0;
}

.card-content {
    padding: 5px 20px;
}

.content-first-list li {
    border-bottom: 1px dashed #e4e5e6;
}

.card-content .content-first-list li a {
    padding-top: 13px;
}

/*.content-first-list li:last-child {
    border: 0;
}*/

.card-content li a {
    display: block;
    padding: 22px 0;
    font-size: 18px;
    color: #5b6265 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.content-first ul li {
    float: left;
    width: 50%;
    padding: 0;
}

/*.content-first ul li.hidden {
    border: 0;
}*/
.card-area li.active {
    width: 50%;
    z-index: 100;
    margin-top: -15px;
    border: 1px solid #00c1de;
    box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);
}

.card-area li.active .content-first ul li {
    width: 33.333%;
}

.card-area li.active .content-first ul li.hidden {
    display: block !important;
}

.card-area li.active .card-content .uli14 li {
    background: url(../img/dot-circle.png) 35px center no-repeat;
}

.card-area li.active .content-first ul li:nth-child(4),
.card-area li.active .content-first ul li:nth-child(5) {
    width: 50%;
    margin-top: 20px;
}

.card-area li.active .card-title {
    padding-top: 43px;
    background: #00c1de;
}

.card-area .sbg.active .card-title {
    background: url(/public/assets/img/sbg.jpg) no-repeat;
}

.card-area li.active .card-content {
    padding-bottom: 20px;
}

.card-area li.active.sbg:nth-child(1) .card-content {
    margin-top: 0px !important;
    padding-top: 20px;
    background: url(../img/cxyfz-bg.png) no-repeat;
    background-size: calc(100% + 10px) calc(100% + 10px);
    background-position-x: -5px;
    background-position-y: -5px;
}

.card-area li.active .ali-product-img .circle-btn .btn {
    background: #fff;
    color: #00c1de;
}

.card-area li.active .card-title h1 {
    color: #fff;
}

.card-area li.active i {
    color: #00c1de;
}

.card-area li.active .card-title .short-info {
    color: #F0F0F0;
}

.hot-news {
    padding-inline-start: 0;
}

.hot-news li {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #F2F2F2;
    padding: 13px 0;
}

.hot-news li span {
    padding: 1px 5px;
    margin-right: 10px;
    white-space: nowrap;
    background: #EBEBEC;
    border-radius: 4px;
    font-size: 12px;
    color: #A3A4A6;
}

.hot-news li a {
    padding: 0 !important;
    font-weight: 400;
    font-size: 14px;
    color: #A3A4A6 !important;
}

.hot-news li:last-child {
    border-bottom: none;
}

.card-area li.active .hot-news li span.color-blue {
    background: #e6f0f9;
    color: #0F71C7;
}

.card-area li.active .hot-news {
    padding-bottom: 0;
}

.hot-news {
    padding-bottom: 13px;
}

.card-area li.active .hot-news li a {
    color: #3B4141 !important;
}

.card-area li.active .hot-news li span.color-purple {
    background: #eeebfe;
    color: #5D46F6;
}

.card-area li.active .hot-news li span.color-org {
    background: #fff2ec;
    color: #FD814E;
}

.card-area li.active .hot-news li span.color-green {
    background: #eefaf7;
    color: #53CCAE;
}

.card-area li.active .hot-news li {
    padding: 14px 0;
}

.card-area li.active .hot-news li:last-child {
    padding-bottom: 12px;
}

.index-sliders {
    padding: 20px 15px;
    margin-top: 20px;
}

.index-sliders .re-sliders {
    padding: 0 68px;
}

.index-sliders .item {
    position: relative;
    width: 174px;
    margin: 20px auto;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.card-area li.active .hot-news li a:hover {
    color: #00c1de !important;
}

.index-sliders .item .card-open a {
    display: block;
    height: 155px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ededed;
}

.index-sliders .item .card-open h5 {
    width: 80%;
    padding-left: 15px !important;
    color: #333;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.index-sliders .item .card-open i {
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #ccc;
    border-radius: 100%;
    border: 1px solid #ddd;
    position: absolute;
    right: 7px;
    bottom: 10px;
}

.index-sliders .item img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.index-sliders .item:hover {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.index-sliders .owl-controls {
    margin: 0;
}

.index-sliders .owl-dots {
    display: none !important;
}

.index-sliders .owl-prev,
.index-sliders .owl-next {
    position: absolute;
    top: 35%;
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: #a8b2be !important;
    border-radius: 50% !important;
    font-size: 20px !important;
}

.index-sliders .owl-prev {
    left: 0px;
}

.index-sliders .owl-next {
    right: 0px;
}

.public-post {
    margin-bottom: 5px;
}

.public-post span {
    position: relative;
    float: left;
    padding: 5px 12px;
    margin-right: 20px;
    background: #0069c5;
    color: #fff;
}

.public-post span:before {
    position: absolute;
    top: 25%;
    right: -15px;
    z-index: 9;
    content: "";
    border: 8px solid transparent;
    border-left-color: #0069c5;
}

.public-post {
    margin-bottom: 20px;
}

.public-post #columnlist {
    line-height: 34px;
    float: right;
    width: calc(100% - 120px);
}

.public-post #columnlist li {
    background: url(/public/assets/img/dot-circle.png) left center no-repeat;
    padding-left: 15px;
}

.public-post #columnlist li a {
    /* max-width:80%;
    float:left;
    display: block;
    padding-left: 15px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../img/dot-circle.png) left center no-repeat; */
}

.chat a.circle-btn .btn {
    border: 1px solid #dfdfdf;
    color: #7e8486;
}

.chat a.circle-btn p {
    font-size: 16px !important;
    margin-top: 10px !important;
}

.ft-notice dt {
    float: left;
}

.ft-notice {
    margin: 20px 0 23px;
    background: #f5f5f5;
}

.ft-notice dt a {
    position: relative;
    display: block;
    padding: 15px 10px;
    background: #0069c5;
    /*background: #f15a5d;*/
    color: #fff;
    width: 80px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: normal;
}

.ft-notice dt a:before {
    position: absolute;
    left: 0px;
    bottom: -10px;
    z-index: 9;
    content: "";
    /*border-top: 10px solid #f15a5d;*/
    border-top: 10px solid #0069c5;
    border-right: 15px solid transparent;
}

.ft-notice dd {
    padding-left: 80px;
}

.ft-notice dd a {
    display: block;
    max-height: 40px;
    margin: 10px 10px 5px;
    color: #393939;
    overflow: hidden;
}

.ft-notice dd p {
    font-size: 12px;
    color: #777;
    padding: 0 10px;
    margin-bottom: 0
}

.file-query .nav-tabs {
    margin: 5px 0 20px;
}

.file-query .nav-tabs li a {
    border: 0;
    margin-right: 0;
    padding: 5px 15px;
    color: #666;
    border-radius: 4px;
    border: 1px solid #fff;
}

.file-query .nav-tabs li a:hover,
.file-query .nav-tabs li a:focus,
.file-query .nav-tabs li.active a {
    border: 1px solid #0069c5;
    color: #0069c5 !important;
    background: none;
}

.file-query-serchar {
    position: relative;
}

.file-query-serchar input {
    height: 40px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.file-query-serchar select {
    height: 40px;
    color: #8b91a0;
    margin-bottom: 15px;
}

.file-query-serchar i {
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 20px;
    color: #8b91a0;
}

.margin-top-20 {
    margin-top: 20px;
}

.weather span {
    line-height: 20px;
}

.weather iframe {
    float: left;
    height: 20px;
    width: 60%;
}

#modal-notice>div {
    margin-top: 80px;
}

#modal-notice .close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #0069c5;
    opacity: 1;
    font-size: 36px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âº */
.panel-news {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 21px;
    padding-bottom: 18px;
}

.panel-news-img {
    position: relative;
    float: left;
    width: 38%;
    text-align: center;
}

.panel-news-img:before {
    position: absolute;
    top: 46%;
    right: 0;
    z-index: 9;
    content: "";
    border: 10px solid transparent;
    border-right-color: #fff;
}

.panel-news-img img {
    max-width: inherit;
}

.panel-news-img.ImgCrop {
    width: 135px;
    height: 100px;
    overflow: hidden;
}

.panel-news-info {
    float: right;
    margin-bottom: 10px;
    width: 58%;
}

.panel-news-info h3 {
    margin: 0;
}

.panel-news-info h3 a {
    font-weight: bold;
    font-size: 16px;
    color: #20a0e4;
}

.panel-news-info dd a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    color: #666;
}

.panel-news-info dd a:hover {
    color: #20a0e4;
}

.panel-news-info dd p {
    max-height: 40px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.panel-news-info dd small {
    font-size: 12px;
    color: #999;
}

.panel-news .owl-controls {
    margin: 0;
}

.panel-news .owl-controls .owl-nav {
    top: 0;
}

.panel-news .owl-controls .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
    font-size: 18px;
    background: transparent;
    color: #666;
}

.panel-news .owl-controls .owl-nav .owl-prev {
    left: auto;
    right: 24px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ */
.home-service>div {
    padding: 22px 0 6px 0;
    border-left: 1px solid #ebebeb;
    width: 20%;
}

.home-service>div:first-child {
    border-left: 0;
}

.home-service .circle-btn p {
    font-size: 16px;
    color: #444;
}

.home-service .circle-btn .btn-info {
    width: 70px;
    height: 70px;
    line-height: 60px;
    background-color: #20a0e4;
    border: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.home-service .circle-btn:hover .btn-info {
    background-color: #0069c5;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15);
}

.home-service .circle-btn:hover p {
    color: #0069c5;
}

.home-service .btn-list {
    margin: 0 10px;
}

.home-service .btn-list a {
    padding: 5px 0;
    font-size: 14px;
    color: #999;
    text-align: center !important;
    box-shadow: none;
}

.home-service .btn-list a:hover {
    background-color: transparent !important;
}

.home-service .btn-list a:active {
    box-shadow: none;
}

.home-service .btn-list a i {
    margin-right: 3px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ */
.sliders1 {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.sliders1:hover {
    box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6);
}

.sliders1 .owl-item img {
    border-radius: 3px;
}

.sliders1 .owl-item img:hover {
    opacity: inherit;
}

.sliders1 h4 {
    width: 100%;
    position: absolute;
    top: 20px;
    letter-spacing: 2px;
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    text-align: center;
}

.sliders1 a.btn {
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -41px;
    color: #20a0e4;
}

.sliders1 a.btn:hover {
    color: #20a0e4;
}

.sliders1 .owl-dots {
    width: 100%;
    right: 0;
    bottom: 15px;
    text-align: center;
}

.sliders1 .owl-dots .owl-dot span {
    background: #bbb;
}

.sliders1 .owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #fff;
}

.sliders1 .owl-controls .owl-nav {
    top: auto;
    bottom: 50px;
    z-index: 2;
}

.sliders1 .owl-controls .owl-nav [class*=owl-] {
    font-size: 14px;
}

.sliders1 .owl-controls .owl-nav .owl-prev {
    left: 20%;
}

.sliders1 .owl-controls .owl-nav .owl-next {
    right: 20%;
}


/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° */
.panel-find {
    border: 0;
}

.panel-find .find-text {
    padding: 30px 25px;
    background-color: #f15a5d;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel-find .find-text p {
    margin-bottom: 20px;
    line-height: 24px;
}

.find-text .btn {
    background-color: #fff;
    color: #f15a5d;
}

@-webkit-keyframes flipOutYtest {
    from {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
    }

    40% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        opacity: 0;
    }
}

.test {
    -webkit-animation: flipOutYtest 0.75s linear;
    animation: flipOutYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInYtest {
    from {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        opacity: 0;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
        opacity: 1;
    }
}

.test2 {
    -webkit-animation: flipInYtest 0.75s linear;
    animation: flipInYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.opposite {
    background-color: #fff\0;
    width: 100%;
    position: absolute;
    top: 0;
}

.opposite .test {
    display: none\0;
}

.find-card li .card-open a {
    display: block;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨------------------------------------------------------------------------*/
.footer {
    padding-bottom: 8px;
    margin-top: 20px;
    background-color: #565a5d;
    color: #b7b9ba;
    font-size: 12px;
}

.footer .links {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    background-color: #4e5358;
    position: relative;
    z-index: 99;
}

.footer .links ul {
    position: relative;
}

.footer .links li {
    margin-left: 78px;
    float: left;
    color: #fff;
}

.footer .links li:first-child {
    margin-left: 0;
}

.footer .links li p {
    margin: 0;
    padding: 15px 0;
}

.footer .links li p i {
    margin-left: 3px;
    display: inline-block;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -webkit-transform: rotate(-90deg);
    /* Safari ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ Chrome */
    -o-transform: rotate(-90deg);
    /* Opera */
}

.footer-icp a:first-child {
    margin-left: 0;
}

.footer .links .dropdown {
    position: static;
}

.footer .links .dropdown ul {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 100%;
    z-index: 99 !important;
}

.footer .links .dropdown li {
    float: none;
    margin-right: 0;
    color: #666;
}

.footer .links .dropdown li a {
    margin: 5px 0;
    float: left;
    width: 16.666%;
    clear: none;
}

.footer-logo:before,
.footer-logo:after {
    display: table;
    content: '';
}

.footer-logo:after {
    clear: both;
}

.footer-logo {
    line-height: 28px;
}

.footer-logo img {
    display: block;
    margin: 0 auto;
    width: 96px;
}

.footer-logo span {
    display: block;
    font-size: 24px;
    line-height: 36px;
    color: #b7b9ba;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 3px;
}

.footer-logo p {
    line-height: 20px;
    margin: 15px 0 30px;
}

.footer-add {
    margin-top: 10px;
    /*right:110px;*/
}

.footer-add li {
    float: left;
    padding: 3px 0;
}

/*
.footer-icp {
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: right;
}
*/
.footer-icp a {
    display: inline-block;
    margin-left: 25px;
}

.footer-icp img {
    margin: 7px;
}

.footer-icp .zc img {
    width: auto;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.footer-icp p {
    margin-bottom: 0;
    color: #b7b9ba;
}

.footer-icp .item {
    float: right;
    width: 25%;
    text-align: center;
}

.footer-icp .zc {
    width: 35%;
}

.footer .icp {
    color: #b7b9ba;
}

.footer-help a {
    padding: 0 13px;
    display: inline-block;
    color: #b7b9ba;
    line-height: 14px;
}

.footer-help>a+a {
    border-left: 1px solid #b9b9b9;
}

.footer-help a:last-child {
    border-right: 0;
}

.footer-help a:hover {
    color: #e4e4e5;
}

/* fixed stickUp */
.hack-stickUp {
    height: 1px;
    background-color: #0069c5;
}




/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸------------------------------------------------------------------------*/
ul.btn-focus {
    margin-top: 8px;
}

ul.btn-focus li a.btn {
    margin: 0 10px;
    padding: 18px 10px;
    font-weight: bold;
}

ul.btn-focus li a.btn p {
    margin: 10px 0 0 0;
    font-size: 18px;
}

ul.btn-focus li a i.iconfont {
    font-size: 48px;
    line-height: 1;
}

.special-service {
    padding: 0;
    margin: 0 5px;
}

.special-service li {
    position: relative;
    margin-left: 3.7333%;
    float: left;
    width: 22.2%;
}

.special-service li:first-child {
    margin-left: 0;
}

.special-service li img {
    border-radius: 3px;
}

.special-service li span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 90px;
    height: 75px;
    padding: 15px 20px;
    margin-top: -45px;
    margin-left: -45px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.special-service li i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    opacity: 0.7;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.special-service li i.cyan-blue {
    background-color: #71abc9
}

.special-service li i.bule {
    background-color: #00729e;
}

.special-service li i.green {
    background-color: #35a77b
}

.special-service li i.yellow {
    background-color: #d3916b;
}

.special-service li a:hover i {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.special-service li img {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.special-service li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.special-service li p {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    margin-bottom: 0;
    padding: 5px;
    background: #434343;
    opacity: 0.8;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* .yearbook{
    position: absolute;
    top: 0;
    right: 20px;
} */
.yearbook h3 {
    margin-right: 20px;
    float: left;
    font-weight: bold;
    font-size: 16px;
    color: #0069c5;
}

.yearbook ul {
    padding: 0 5px;
    margin-top: 17px;
    float: left;
    margin-bottom: 0;
    width: 100%;
}

.yearbook ul li {
    padding: 0 16px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 33.3333%;
    border-top: 1px solid #ebebeb;
}

.yearbook ul li a {
    color: #444;
    font-size: 20px !important;
}

.yearbook ul li a:hover {
    color: #0069c5;
}

.yearbook ul li em {
    margin: -4px auto 5px auto;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #0069c5;
    border-radius: 100%;
}

.postcard .nav-tabs {
    width: 23%;
    margin-right: 3%;
    float: left;
    border: 0;
}

.postcard .nav-tabs li {
    width: 100%;
    margin: 0;
    float: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e9e9e9;
}

.postcard .nav-tabs li:last-child {
    border: 0;
}

.postcard .nav-tabs .postcard-title {
    margin-bottom: 10px;
    text-align: center;
    border: 0;
}

.postcard .nav-tabs .postcard-title a {
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 3px;
}

.postcard .nav-tabs a {
    margin-right: 0;
    text-align: right;
    border: 0;
    border-right: 2px solid transparent;
    border-radius: 0;
}

.postcard .nav-tabs a:hover,
.postcard .nav-tabs a:focus {
    background: none;
    border-color: transparent;
}

.postcard .nav-tabs .active a,
.postcard .nav-tabs .active a:hover,
.postcard .nav-tabs .active a:focus {
    border: 0;
    border-right: 2px solid #0069c5;
    background: transparent;
    color: #0069c5;
}

.postcard .nav-tabs a {
    font-size: 16px;
    color: #444;
}

.postcard .nav-tabs a p {
    font-size: 12px;
    color: #999;
}

.postcard .tab-content {
    float: left;
    width: 74%;
}

.postcard .tab-content img {
    border-radius: 3px;
    height: 377px;
}

.postcard .Slider-one .owl-dots {
    right: auto;
    width: 100%;
    text-align: center;
}

ul.charm-btn li {
    margin-bottom: 11px;
}

ul.charm-btn li a {
    padding: 15px 0;
    font-size: 18px;
    border-radius: 10px;
}

ul.charm-btn li a span {
    display: block;
    color: #fff;
    margin-top: 10px;
}

ul.charm-btn li a i {
    line-height: 52px !important;
    font-size: 34px;
    color: #fff;
}

ul.fiuver-btn-link {
    margin: 0 -5px;
}

ul.fiuver-btn-link li {
    width: 50%;
    padding: 0 5px;
    float: left;
}

ul.fiuver-btn-link li:last-child {
    width: 100%;
}

/* ul.charm-btn li a.blue,
ul.charm-btn li a.blue:hover{
    color: #20a0e4;
} */
ul.charm-btn li a.blue,
ul.charm-btn li a.blue:hover {
    background-color: #20a0e4;
}

/* ul.charm-btn li a.red,
ul.charm-btn li a.red:hover{
    color: #f15a5d;
} */
ul.charm-btn li a.red,
ul.charm-btn li a.red:hover {
    background-color: #f15a5d;
}

/* ul.charm-btn li a.green,
ul.charm-btn li a.green:hover{
    color: #66bb6a;
} */
ul.charm-btn li a.green,
ul.charm-btn li a.green:hover {
    background-color: #66bb6a;
}

/* ul.charm-btn li a.cyan-blue,
ul.charm-btn li a.cyan-blue:hover{
    color: #26c6da;
} */
ul.charm-btn li a.cyan-blue,
ul.charm-btn li a.cyan-blue:hover {
    background-color: #26c6da;
}

ul.charm-btn li a.brown,
ul.charm-btn li a.brown:hover {
    background-color: #d46500;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ */
.theme-service dl {
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.theme-service dl dt {
    background-color: #ebeff1;
    text-align: center;
    padding: 15px 0;
}

.theme-service dl dt a {
    padding: 0 20px;
    font-size: 18px;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}

.theme-service dl dd {
    overflow: hidden;
    padding: 17px 0;
    min-height: 166px;
}

.theme-service dl dd .btn {
    width: 80px;
    height: 80px;
    line-height: 70px;
    margin: 10px auto;
    border: 1px solid #ebebeb;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */
.case-slider-blue a {
    background-color: #23b6c8 !important;
    font-weight: bold;
    font-size: 20px;
    padding: 25px 0;
}

.case-slider-blue a:hover {
    background-color: #3BC5D5 !important;
    color: #fff;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ */
.yearbook-list {
    padding: 0 50px;
}

.yearbook-list li {
    padding: 15px 0 15px 15px;
    border-bottom: 1px dashed #ebebeb;
    font-size: 16px;
    background-position: 0 24px\0 !important;
}

.yearbook-page li {
    float: left;
    width: 14.28%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
    height: 32px;
    border-bottom: 1px solid #ebebeb;
}

.yearbook-page li em {
    display: block;
    width: 17px;
    height: 17px;
    margin: 15px auto;
    border-radius: 50%;
    border: 5px solid #f1f1f1;
    background: #0069c5
}

.yearbook-page li a {
    color: #535353;
    font-size: 16px;
}

.yearbook-page li a:focus,
.yearbook-page li a:hover {
    background: none;
}

.yearbook-page .active a {
    background: none !important;
}

.yearbook-page .active em {
    margin: -22% auto;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #0069c5;
    background: #fff;
}

.yearbook-page .active span {
    position: absolute;
    font-size: 24px;
    color: #0069c5;
    top: 12px;
    right: 48px;
}

.footer a {
    color: #B7B9BA;
}

.footer .links li p a {
    color: #fff;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ */
a {
    color: #0069c5;
    /*color:#B7B9BA;*/
}

.breadcrumb {
    padding: 15px;
    background: none;
}

.postcard-list li {
    float: left;
    width: 33.333%;
    padding: 0 3.5%;
    height: 210px;
}

.postcard-list li a {
    text-align: center;
    color: #444;
}

.postcard-list li a .title {
    height: auto !important;
    margin: 8px 0 !important;
    border-left: 0 !important;
}

.postcard-list li a img {
    border-radius: 4px;
    max-height: 150px;
    width: 210px;
    height: 149px;
}

.txt-20 {
    font-size: 20px !important;
}

.service-agency .tab-content .tab-pane {
    height: 189px;
    overflow: auto;
    display: none !important;
}

.service-agency .tab-content .active {
    display: block !important;
}

.live-card a {
    margin-right: 10px;
    padding-right: 10px;
    color: #F15A5D;
    font-size: 18px;
    border-right: 1px solid #ddd;
}

.live-card a:hover {
    color: #0069c5;
}

.live-card a:last-child {
    border-right: 0;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ */
.fast-body-health {
    padding: 80px 0;
    background: url(../img/fast-ms-health.png) right no-repeat;
}

.margin-hz-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.health-outfit {
    margin-bottom: 0;
}

.health-outfit img {
    min-height: 115px;
    border-radius: 4px;
}

.health-outfit li {
    margin-bottom: 22px !important;
}

.health-outfit dl {
    margin-bottom: 0;
}

.health-outfit dt a {
    color: #444;
    font-size: 16px;
    font-weight: normal;
}

.health-outfit dt a:hover {
    background: none !important;
    color: #0069c5;
}

.health-outfit dd {
    margin-bottom: 15px;
    color: #999;
}

.health-outfit dd span {
    margin: 5px 0;
}

.health-outfit dd:last-child {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pharmacy dt {
    margin-bottom: 20px;
}

.bodybuild h3 a {
    color: #444;
    font-size: 16px;
}

.bodybuild .brief p {
    height: auto;
    text-indent: 0;
    color: #666;
}

.health-video {
    border-right: 1px solid #ddd;
}

.health-video span {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    background: #66bb6a;
}

.health-video em {
    position: absolute;
    top: 8px;
    right: -7px;
    border-color: transparent;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-left-color: #66bb6a;
}

.price a:hover {
    color: #0069c5 !important;
}

.btn-small li a {
    margin: 0 10px 10px;
    font-size: 14px;
}

.panel-heading2-mini {
    margin: 0 15px 15px;
    border-bottom: 2px solid #0069c5;
}

.panel-heading2-mini h2 {
    margin-left: -82px !important;
}

.online {
    display: block;
    padding: 50px 40px 51px;
    font-size: 23px;
    background: url(../img/online.jpg) right no-repeat;
}

.city-service-list {
    padding-bottom: 7px;
}

.city-service-list .btn {
    width: 45px !important;
    height: 45px !important;
    line-height: 40px !important;
    padding: 6px 5px;
}

.city-service-list .btn i {
    font-size: 24px;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ------------------------------------------------------------------------*/
.zhaibian {
    position: absolute;
    top: 82px;
    right: 20px;
}

.ys-slider .title {
    font-size: 14px;
}

.ys-slider .item img {
    height: 260px;
}

.interview h4 a {
    font-size: 16px;
    color: #444;
}

.interview h4 a:hover {
    color: #0069c5;
}

.interview p {
    color: #999;
}

.interview-avatar img {
    width: 90px;
    border-radius: 100%;
}

.case-slider a {
    padding: 30px 0;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-color: #0069c5;
    border-radius: 3px;
}

.interview .owl-dots {
    top: -50px;
    bottom: auto;
}

.interview .owl-dots .owl-dot:hover span {
    background-color: #0069c5;
}

.btn-list-plain li {
    width: 33.333%;
    float: left;
}

div.multi-hover {
    position: relative;
    overflow: hidden;
    padding: 15px 30px;
    margin: 0 5px 15px 5px;
    background: #f5f5f5;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    font-size: 14px;
    color: #656565;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

div.multi-hover:hover {
    background-color: #e87c7c;
    background-color: hsla(0, 70%, 50%, 0.6);
    border-color: #e87c7c;
    border-color: hsla(0, 70%, 50%, 0.6);
    color: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.pt-overview-title {
    float: left;
    width: 7%;
    margin-right: 2%;
    border-top: 3px solid #0069c5;
}

.pt-overview-title h4 {
    padding: 10px;
    text-align: center;
    color: #0069c5;
}

.pt-overview-img {
    float: left;
    width: 35%;
    margin-right: 3%
}

.pt-overview-img img {
    border-radius: 3px;
}

.pt-overview-info {
    float: left;
    width: 53%;
}

.pt-overview-info ul {
    padding: 0;
}

.pt-overview-info li {
    float: left;
    width: 25%;
    text-align: center;
}

.pt-overview-info li i {
    display: block;
    margin: 7px 0;
    font-size: 28px;
    color: #0069c5;
}

.pt-overview-info li p {
    font-size: 12px;
}

.pt-overview-info a {
    color: #444;
}

ul.pt-overview-btn {
    padding: 14px 0;
    padding-top: 22px;
}

ul.nav-policy {
    margin: 20px auto 15px;
    text-align: center;
    width: auto;
    background-color: transparent;
}

ul.nav-policy li {
    width: auto;
    text-align: center;
    margin: 0;
    display: inline-block;
    float: none;
    background-color: #f4f2f5;
    margin-left: -4px;
}

ul.nav-policy li a {
    font-weight: bold;
    font-size: 16px;
    color: #444;
}

ul.btn-policy {
    margin-top: 15px;
}

ul.btn-policy a.btn {
    padding: 26px 10px;
    font-size: 16px;
}

.hall-list li {
    background-position: 0 15px;
}

.hall-list .hall-btn {
    display: none;
    margin-top: 5px;
    margin-left: 0;
}

.hall-list .hall-btn a {
    border: 1px solid #ebebeb;
    float: left;
    box-shadow: none;
    margin-right: 10px;
    color: #0069c5;
}

.hall-list .hall-btn a:hover {
    border-color: #ddd;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}

.service-agency .nav-tabs {
    margin-top: 18px;
    margin-bottom: 20px;
    float: left;
    width: 40%;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.service-agency .nav-tabs li {
    float: none;
    margin: 0;
    width: 100%;
}

.service-agency .nav-tabs li a {
    padding: 10px;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    text-align: left;
    color: #444;
}

.service-agency .nav-tabs>li.active>a,
.service-agency .nav-tabs>li.active>a:focus,
.service-agency .nav-tabs>li.active>a:hover {
    border: 0;
    background-color: #0069c5;
    color: #fff;
}

.service-agency .tab-content {
    margin-left: 5%;
    width: 55%;
    float: left;
}

.service-agency .tab-content dl {
    padding: 10px 0 14px;
    margin: 0;
    border-bottom: 1px dashed #ebebeb;
}

.service-agency .tab-content dl:last-child {
    border-bottom: 0;
}

.service-agency .tab-content dt {
    line-height: 30px;
}

.service-agency-btn {
    clear: both;
    background-color: #f5f5f5;
    border-radius: 3px;
}

.service-agency-btn a {
    display: block;
    padding: 17px 0;
    font-size: 18px;
    line-height: 52px;
    color: #444;
}

.service-agency-btn i {
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 100%;
    font-size: 28px;
    float: left;
    margin-right: 10px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.service-agency-btn a:hover i {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.bg-list {
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 4px;
    padding: 10px 20px !important;
}

.bg-list li {
    float: left;
}

.credit-btn {
    padding-top: 25px;
    padding-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
}

.btn-credit a {
    padding: 21px 0;
}

.credit-img {
    margin-top: 20px;
    text-align: center;
}

.credit-img a {
    border-radius: 3px;
    display: block;
}

.credit-img a:hover {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.credit-img img {
    border-radius: 3px;
}


/* 12.17 */
.relative {
    position: relative;
}

.location {
    position: absolute;
    left: -75px;
}

.location .bs-docs-sidebar {
    border-right: 1px solid #bdbdbd;
}

.location ul {
    border-right: 1px solid #bdbdbd;
    border-bottom: 0;
    width: 38px;
}

.location a {
    width: 76px;
    height: 76px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px;
    color: #808080;
    background-color: #fff;
    border-radius: 50% !important;
}

.location li+li {
    margin: 20px 0 0 !important;
}

.location a i {
    display: block;
    padding-top: 20px;
    padding-bottom: 2px;
    font-size: 20px;
}

.location ul.nav-tabs li.active a,
.location ul.nav-tabs li a:hover {
    border: 1px solid #0088cc;
    background-color: #0088cc;
    color: #fff;
}

.location ul.nav-tabs li.active a+.arrow-right {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 35px;
    right: -43px;
    right: -4px\9\0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #0088cc;
}

[data-spy] {
    top: 100px;
}

.hack-anchor {
    padding-top: 111px;
    margin-top: -111px;
}

.modern-system dt {
    display: block;
    padding-bottom: 5px;
    color: #666;
    border-bottom: 2px solid #ccc;
}

.modern-system dt a:hover {
    color: #0069c5;
}

.modern-system dd {
    padding-left: 15px;
    margin: 15px 0;
    line-height: 1.8;
    text-indent: 2em;
}

.border-bottom {
    border-bottom: 1px solid #e4e4e4;
}

.survey {
    line-height: 1.8;
    margin: 25px 0;
    text-indent: 2em;
}

.nav-support {
    display: table;
    margin: 0 auto;
    margin: 0 auto 20px;
    text-align: center;
}

.nav-support li a {
    padding: 5px 15px;
}

.nav-answer {
    padding: 20px;
    margin-bottom: 15px;
    background: #f5f5f5;
    border-radius: 4px;
}

.nav-answer li {
    width: 19.8%;
    text-align: left;
}

.nav-answer a {
    border-radius: 4px;
}

.nav-tab2 {
    transition: all .2s;
}

.p-style p {
    text-indent: 2em;
    margin-bottom: 20px;
    line-height: 1.8;
}

.layout p {
    line-height: 1.8;
    margin-bottom: 30px;
    text-indent: 2em;
    letter-spacing: 1px;
}

.layout p strong {
    color: #0069c5;
    font-size: 16px;
}

.layout .place-goodness p {
    text-indent: 0;
}

.place-goodness {
    width: 100%;
}

.place-goodness i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 10px !important;
    border-radius: 50%;
    border: 1px solid #dadada;
}

.simple-layout {
    padding: 0 35px;
}

.simple-layout .row {
    margin-bottom: 45px;
}

.form-online {
    padding: 45px 0;
}

input {
    /*-webkit-appearance: none;*/
    border-radius: 3px !important;
}

input[type=button],
input[type=text] {
    -webkit-appearance: none;
}

.list-dashed li:nth-child(5n) {
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #E1E1E1;
    background-position: 0 15px;
}

.modern-system .text-info {
    border-color: #42a5f5;
}

.modern-system .text-orange {
    border-color: #ff7043;
}

.modern-system .text-error {
    border-color: #f15a5d;
}

.modern-system .text-success {
    border-color: #66bb6a;
}

.modern-system .text-warning {
    border-color: #ffa726;
}

.modern-system .text-purple {
    border-color: #5c6bc0;
}

#see-dynamic {
    z-index: 100;
}

#find-policy {
    z-index: 99;
}

#enjoy-service {
    z-index: 98;
}

.community-table {
    display: none;
    clear: both;
    margin-top: 40px;
}

.community-table table {
    margin-bottom: 0;
}

.language {
    position: absolute;
    top: -220px;
    width: 100px;
    min-width: 0;
    padding: 5px 10px;
    z-index: 10001;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.language a {
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    color: #00b9db;
    text-align: center;
    font-weight: bold;
    border: 1px solid #a6eaf7;
}

.language1 {
    position: absolute;
    top: -169px;
    right: -30px;
    width: 140px;
    min-width: 0;
    padding: 5px 10px;
    z-index: 10001;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.language1 a {
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    color: #005ebd;
    text-align: center;
    font-weight: bold;
    border: 1px solid #005ebd;
}

.wechat {
    position: absolute;
    top: -110px;
    right: -25px;
    width: 100px;
    min-width: 0;
    padding: 10px;
    z-index: 10001;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.wechat2 {
    top: -160px;
    left: -40px;
    width: 160px;
}

.wechat3 {
    top: -165px;
    right: -1px;
    width: 160px;
}

.no-height {
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.wechat3-img img {
    transition: width 5s;
    -moz-transition: width 5s;
    /* Firefox 4 */
    -ms-transition: width 5s;
    /* Firefox 4 */
    -webkit-transition: width 5s;
    /* Safari ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ Chrome */
    -o-transition: width 5s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.overflow-inherit {
    overflow: inherit;
}

.complex-community li a {
    width: 40%;
}

.complex-community li .phone {
    width: 15%;
}

.complex-community li .time {
    width: 25%;
}

.form-actions .btn {
    padding: 6px 25px;
}

.fast-live {
    margin-bottom: 30px;
    background-color: #4CD399;
    border-bottom: 1px solid #dee0e2;
}

.fast-live .panel-fast-body {
    padding: 0;
    background: none;
}

.wells .col-md-1 {
    margin-left: 0;
}

.city-service-nav {
    border: 0;
}

.city-service-nav li {
    width: 100%;
    padding: 5px 0;
    float: none;
}

.city-service-nav li a {
    display: block;
    padding: 10px 0 10px 40px;
    text-align: left;
    border-radius: 3px;
}

ul.city-service-nav li.active a,
ul.city-service-nav li.active a:hover,
ul.city-service-nav li a:hover,
ul.city-service-nav li.active a:focus {
    background-color: #22a8f0;
    border-color: #22a8f0;
    color: #fff;
}

.city-service-nav li i {
    margin-right: 10px;
}

.city-service-phone {
    margin: 0 auto;
    width: 400px;
    height: 800px;
    border: 1px solid #ebebeb;
    border-radius: 40px;
}

.phone-top {
    margin: 30px auto;
    width: 50px;
    height: 5px;
    background-color: #ccc;
    border-radius: 5px;
}

.phone-box {
    margin: 0 auto 10px auto;
    width: 375px;
    height: 667px;
}

.phone-box iframe {
    width: 375px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
}

.phone-bottom {
    margin: 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid #ebebeb;
}

.case-slider .owl-dots {
    display: none !important;
}

.case-slider .owl-controls .owl-nav .owl-prev,
.case-slider .owl-controls .owl-nav .owl-next {
    display: block !important;
}

.case-slider .owl-controls .owl-nav {
    top: 23%;
}

.case-slider .owl-controls .owl-nav [class*=owl-] {
    padding: 0;
    font-size: 25px;
}

/* fixed for firefox */
ul.nowrapli li {
    list-style-type: none;
}

.special-double span {
    top: 60% !important;
}

.special-three span {
    top: 60% !important;
    padding: 15px 0 !important;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ */
.bl-address>li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
}

.bl-address>li>a {
    display: block;
    margin-bottom: 10px;
    color: #444;
}

.address-details {
    display: none;
    position: absolute;
    z-index: 998;
    top: 30px;
    left: 10px;
    width: 280px;
    padding: 15px;
    background: #F8F8F8;
    border: 1px solid #DEDEDE;
}

.address-details i {
    position: absolute;
    top: 5px;
    right: 5px;
}

.address-details>ul>li {
    text-align: left;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»------------------------------------------------------------------------*/
.panel-fast-news {
    background: none;
}

.news-hot {
    margin: 0 70px;
    padding-bottom: 80px;
}

.news-hot-img {
    margin-top: 10px;
    padding-top: 10px;
    width: 30%;
    float: left;
    border-right: 1px dashed #ccc;
}

.news-hot-title {
    width: 70%;
    float: left;
}

.news-hot-title h2 {
    margin: 20px 0;
    text-align: center;
}

.news-hot-title h2 a {
    font-weight: bold;
    font-size: 24px;
}

.news-hot-title p a {
    float: left;
    width: 33.333%;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border-right: 1px solid #ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.news-hot-title p a:last-child {
    border-right: 0;
}

.news-hot-title p a:hover {
    color: #0069c5;
}

.news-slider {
    margin-top: -110px;
    margin-bottom: 20px;
}

.news-slider .owl-controls .owl-nav {
    top: 42%;
}

.news-slider div {
    padding: 0;
}

.news-slider .item a {
    display: block;
    position: relative;
}

.news-slider .item a .title {
    padding: 20px 10px;
}

.news-slider .item a .title span {
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.news-slider .item .col-sm-8 img {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.news-slider .item .col-sm-8 h4 {
    border-bottom-left-radius: 3px;
}

.news-slider .item .col-sm-4 a:first-child img {
    border-top-right-radius: 3px;
}

.news-slider .item .col-sm-4 a:last-child img {
    border-bottom-right-radius: 3px;
}

.news-slider .item .col-sm-4 a:last-child h4 {
    border-bottom-right-radius: 3px;
}

.news-headline {
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ebebeb;
}

.news-headline h3 {
    margin: 0;
}

.news-headline h3 a {
    line-height: 25px;
    font-weight: bold;
    font-size: 18px;
}

.news-headline h3 span {
    float: left;
    position: relative;
    margin-right: 15px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    background-color: #ff7043;
}

.news-headline h3 span:after {
    position: absolute;
    top: 8px;
    right: -10px;
    content: "";
    border: 5px solid;
    border-color: transparent transparent transparent #ff7043;
}

.news-headline p {
    margin-bottom: 0;
    padding-top: 10px;
}

.news-headline p a {
    display: inline-block;
    margin: 5px 0;
    padding: 0 20px;
    color: #444;
    border-right: 1px solid #ebebeb;
}

.news-headline p a:hover {
    color: #0069c5;
}

.news-list {
    padding: 0;
    margin-bottom: 0;
}

.news-list li {
    overflow: hidden;
    padding-top: 6px;
    border-bottom: 1px dashed #ebebeb;
}

.news-list li:hover {
    background-color: #f9f9f9;
}

.news-list li dt {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.news-list li dd {
    padding: 0 15px;
}

.news-list li dd a {
    font-size: 18px;
    line-height: 28px;
    color: #444;
}

.news-list li dd a:hover {
    color: #0069c5;
}

.news-list li dd .label {
    margin-right: 10px;
}

.news-special .panel-body {
    padding: 10px 20px;
}

.news-special .panel-body a {
    display: block;
    margin: 10px 0;
}

.news-special .panel-body a img {
    border-radius: 3px;
}

.btn-single {
    margin-bottom: 20px;
}

.btn-single a {
    display: block;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 52px;
    letter-spacing: 1px;
}

.btn-single a i {
    margin-right: 15%;
    float: right;
    width: 52px;
    height: 52px;
    font-size: 30px;
    line-height: 52px;
    border-radius: 100%;
    background-color: #fff;
    color: #0069c5;
    font-weight: normal;
}

.btn-weixin a {
    text-align: center;
}

.btn-weixin a img {
    width: 66px;
    height: 66px;
    border: 1px solid #ddd;
    border-radius: 7px;
}

.btn-weixin a p {
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-tab {
    padding-bottom: 10px !important;
}

.news-tab .nav-tabs a {
    font-size: 18px !important;
}

.news-tab>a {
    position: absolute;
    top: 18px;
    right: 20px;
}

.news-tab-hidden dl {
    max-height: 70px;
    overflow: hidden;
}

.news-tab-hidden dt {
    float: left;
}

.news-tab-hidden dd {
    padding-left: 60px;
}

.news-tab-hidden dd a {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 15px;
    color: #444;
}

.news-tab-hidden dd a:hover {
    color: #0069c5;
}

.news-tab .tab-content {
    position: relative;
}

.news-tab .news-tab-hidden {
    position: absolute;
    top: 20px;
    opacity: 0;
    height: 155px;
    overflow-y: scroll;
}

.weixin-matrix li {
    margin-bottom: 10px !important;
}

.weixin-matrix a {
    text-align: center;
    color: #666;
}

.weixin-matrix a:hover {
    color: #0069C5 !important;
}

.weixin-matrix img {
    width: 66px;
    height: 66px;
    border: 1px solid #ddd;
    border-radius: 7px;
}

.opposite>div {
    text-align: center;
}

.opposite>div p {
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 1;
}

#eye-all2 {
    display: none;
}

.no-float {
    float: none !important;
    margin-left: 20px;
}

.cover {
    position: relative;
}

.btn-cover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.spokesman-list ul li {
    float: left;
    width: 20%;
    margin-bottom: 30px;
    text-align: center;
}

.spokesman-list ul li h4 {
    color: #444;
}

.spokesman-list ul li p {
    color: #888;
    width: 95%;
    min-height: 45px;
    overflow: hidden;
}

.spokesman-list img {
    width: 138px;
    height: 194px;
}

.nav-spokesman li {
    width: 16.45%;
    text-align: center;
}

.nav-spokesman li a {
    padding: 5px 45px;
}

.nav-spokesman li.li1 a {
    padding: 5px 60px;
}

.nav-spokesman li.li5 a {
    padding: 5px 10px;
}

.new-video .new-video ul li,
.new-video ul {
    margin-bottom: 0;
}

.new-video li p {
    height: auto !important;
    border-left: 0 !important;
    text-align: center;
}

.new-video li p span {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #444;
}

.news-slider img {
    max-height: 506px;
}

.news-circle {
    padding: 15px 0;
}

/*20220727ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¢Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã‚Â¦ Ãƒâ€šÃ‚Â·ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¼Ãƒâ€šÃ‚Â*/
.new-video ul.PicList li a img {
    height: 162px;
    width: 100%;
    object-fit: cover;
}

.news-circle a.circle-btn .btn {
    width: 52px;
    height: 52px;
}

.news-circle a.circle-btn .btn-lg i {
    font-size: 26px;
}

.news-circle .btn-group-lg>.btn,
.btn-lg {
    padding: 10px 12px;
}

.news-circle a.circle-btn p {
    margin: 5px 0 0;
    font-size: 20px;
    color: #444;
}

.news-list li a:hover img {
    opacity: .7;
}

.news-list li:last-child {
    border-bottom: 0;
}

.xw-home .ImgCrop {
    width: 140px;
    height: 88px;
    overflow: hidden;
}

.xw-home .ImgCrop img {
    margin-left: 0 !important;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂªÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢------------------------------------------------------------------------*/
.panel-inner {
    position: relative;
    margin-bottom: 30px;
}

.sy .panel-inner {
    border: 1px solid #ddd;
}

.panel-inner h2 {
    margin: 0;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #0069c5;
    border-bottom: 1px solid #ddd;
}

.panel-inner h2 a {
    color: #f60;
    font-size: 14px;
    font-weight: normal;
}

.panel-inner h2 a:hover {
    color: #FA893D;
}

.more {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #444;
}

.my-community {
    margin-left: 5%;
    margin-bottom: 0;
    border-left: 1px solid #ccc;
}

.my-community li a:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    border: 3px solid #ccc;
    background: #f60;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: 19px;
}

.my-community li {
    min-height: 50px;
}

.my-community li,
.my-community a {
    overflow: inherit;
}

.my-community li a span {
    padding: 0 15px 0 30px;
    margin-right: 10px;
    color: #0069c5;
    font-size: 13px;
    border-right: 1px solid #8c8c8c;
}

.table-easy {
    min-width: 800px;
}

.table-easy th {
    background: #f2f2f2;
    border-bottom: 0 !important;
}

.table-easy th,
.table-easy td {
    border-top: 0 !important;
}

.table-easy td {
    border-bottom: 1px solid #ddd;
}

.table-easy tr:last-child td {
    border-bottom: 0;
}

.use-img {
    padding: 30px 0;
    color: #666;
    border-right: 1px solid #ddd;
}

.use-img .btn {
    width: 94px !important;
    height: 94px !important;
    background: #cfcfcf;
    color: #fff;
}

.use-img .btn i {
    font-size: 45px;
    line-height: 1.8;
}

.center-menu li a {
    display: block;
    padding: 10px;
    font-size: 16px;
    color: #515151;
    border: 1px solid #fff;
    border-right: 1px solid #ddd;
}

.center-menu li.active a {
    color: #0069c5;
    border-left: 3px solid #0069c5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 0;
}

.center-menu li a i {
    font-size: 22px;
    padding: 0 15px 0 25px;
}

.table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}

.my-advice {
    padding: 0 35px;
}

.advice-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.advice-title h2 {
    font-size: 24px;
    color: #004;
}

.advice-title span {
    display: block;
    color: #999;
    margin: 15px 0;
}

.advice-info ul {
    padding: 0 60px 0 40px;
}

.advice-info ul li {
    line-height: 40px;
    overflow: hidden;
}

.advice-info ul li label {
    float: left;
    font-weight: bold;
    width: 100px;
    text-align: right;
}

.advice-info ul li span {
    display: block;
    padding-left: 120px;
}

.advice-info a {
    display: block;
}

.advice-info a i {
    font-size: 20px;
    margin-right: 10px;
}

.symbol.ok:before {
    content: "\e664";
}

.short-page {
    padding: 40px 0 110px;
}

.btn-form {
    width: 100%;
    min-height: 45px;
}

.like-label p {
    display: inline-block;
    margin-bottom: 0;
}

.like-label .nav-pills {
    height: 25px;
    overflow: hidden;
    display: inline-block;
    width: 70%;
    margin-top: -4px;
    margin-left: 10px;
    background: none;
}

.like-label .nav-pills a {
    padding: 5px;
    color: #666;
}

.like-label p a {
    color: #666;
    margin: 0 5px;
}

.like-tag li {
    float: left;
    width: 20%;
    margin-bottom: 15px;
    text-align: center;
}

.like-tag .checkbox-inline {
    display: block;
    background: #E3F5F6;
    padding: 15px 0;
    margin: 0 10%;
    border-radius: 10px;
    color: #666;
}

.like-tag .active {
    background: #FAF2C9;
}

.list-more i {
    padding: 3px 8px;
    border: 1px solid #D8D8D8;
}

.margin-25 {
    margin: 25px;
}

.no-data {
    padding: 50px 0;
    margin-bottom: 0;
    background: #F6F6F6;
    text-align: center;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢------------------------------------------------------------------------*/
.login {
    border-right: 1px solid #f1f1f1;
}

.login .form-control {
    height: 45px;
}

.login .control-label {
    padding-top: 12px;
}

.login .form-group {
    margin-bottom: 20px;
}

.register-step li {
    float: left;
    padding: 20px 0;
    margin-bottom: 45px;
    font-size: 18px;
    color: #797979;
    border-bottom: 3px solid #dfdfdf;
}

.register-step li.active {
    border-bottom: 3px solid #0069c5;
}

.register-step li em {
    display: inline-block;
    text-align: center;
    margin: 0 20px;
    width: 35px;
    height: 35px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    border: 2px solid #0069c5;
    border-radius: 50%;
    color: #0069c5;
}

.register-step li.active em {
    background: #0069c5;
    color: #fff;
}

.prompt {
    padding: 20px;
    background: #eaf3fa;
    overflow: hidden;
    margin-bottom: 30px;
}

.register-success p {
    font-size: 18px;
    color: #5a5a5a;
}

.register-success span {
    display: block;
    margin-top: 30px;
}

.result-icon {
    font-size: 45px;
}

.result-success {
    color: #22A028;
}

.result-error {
    color: #f00;
}

.yzm {
    min-height: 45px;
}

.hq-yzm {
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #D6E7F7;
    border: 0;
    color: #0065C0;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨------------------------------------------------------------------------*/
.opinion-levy p {
    margin-bottom: 30px;
}

.opinion-levy .tab-pane h4 {
    padding: 20px 0;
    margin-bottom: 15px;
    font-size: 20px;
    color: #0069c5;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
}

.opinion-levy .complex-list a {
    width: 70%;
}

.label-gray {
    background-color: #a8b2be;
}

.opinion-levy .complex-list .time {
    text-align: right;
}

.label-blue {
    background-color: #0069c5;
}

#ctlBtn {
    margin-top: 6px;
}

.levy-select {
    position: absolute;
    top: 0;
    right: 15px;
    width: 220px;
}

.levy-table-p p {
    padding-top: 6px;
    color: #8d8d8d;
}

.comment-content li {
    padding: 20px 0;
    border-bottom: 1px solid #ECEAEA;
}

.comment-group {
    overflow: hidden;
    margin-bottom: 10px;
}

.comment-group span {
    display: block;
}

.shequ .dropdown-toggle {
    height: 45px;
    border: 1px solid #E6E8E8;
    border-radius: 4px;
}

.no-shadow,
.no-shadow button,
.no-shadow button:hover {
    box-shadow: none;
}

.comment-reply {
    margin-top: 10px;
}

.opinion-reply .comment-inner {
    border-left: 3px solid #0069c5;
}

.opinion-levy-content {
    margin-bottom: 30px;
}

.reply-result {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f7f7f7;
}

.more2 {
    top: 5px;
}

.reply-result .row {
    border-bottom: 1px solid #dfdfdf;
    padding-top: 10px;
}

.reply-result .row:last-child {
    border-bottom: 0;
}

.bg-fafafa {
    background: #fafafa;
    border-radius: 4px;
}

.btn-public {
    padding-left: 30px;
    padding-right: 30px;
}

.vote-question dl {
    margin-bottom: 30px;
}

.vote-question dt {
    font-size: 18px;
    color: #0069c5;
    border-left: 3px solid #0069c5;
    padding-left: 15px;
    line-height: 18px;
    margin: 20px 0;
}

.vote-question dd {
    padding-top: 15px;
    border-top: 1px solid #E6E8E8;
    overflow: hidden;
}

.vote-question dd label {
    width: 100%;
    margin-left: 0 !important;
    padding: 5px 0 5px 40px;
}

.comments li {
    background: none;
    padding: 15px 0;
    border-bottom: 1px dashed #eee;
}

.comments li a {
    line-height: 25px;
}

.comments li:last-child {
    border-bottom: 0;
}

.comments li span {
    margin-right: 10px;
}

.margin-vt-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-vt-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.col-50 {
    width: 50%;
}

.vote-title {
    margin: 25px 0;
    font-size: 22px;
    color: #444;
    text-align: center;
}

.online-talk {
    margin: 18px 0;
}

.online-talk li>a img {
    height: 158px;
}

.online-talk p {
    color: #666;
}

.online-talk p strong a {
    font-size: 16px;
    color: #4e4e4e;
}

.online-talk p strong a:hover {
    color: #0069c5;
}

.online-talk p span {
    color: #000;
    margin-right: 8px;
}

.hot-response {
    text-align: center;
}

.hot-response .col-md-2 a {
    color: #fff;
    padding: 16px 0;
    display: block;
}

.hot-response .normal-slider {
    position: relative;
    height: 80px;
}

.hot-response .normal-slider a:hover {
    color: #0069c5;
}

.hot-response .owl-nav {
    display: none;
}

.hot-response .owl-dots {
    right: 50%;
    margin-right: -30px;
}

.hot-response .owl-stage-outer {
    line-height: 60px;
}

.hot-response .normal-slider a {
    font-size: 18px;
    font-weight: bold;
    color: #444;
}

.hot-response .col-md-2 {
    height: 110px;
    background: #ef7130;
    color: #fff;
}

.hot-response .col-md-2 i {
    display: block;
    font-size: 26px;
    padding-top: 12px;
    padding-bottom: 5px;
}

.hot-response .col-md-2 p {
    font-size: 16px;
    font-weight: bold;
}

.hot-response .owl-dots .owl-dot.active span,
.hot-response .owl-dots .owl-dot:hover span {
    background: #ef7130;
}

.btn-hd .col-xs-6 {
    padding: 0 10px;
}

.btn-hd li em {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
}

.btn-hd {
    margin: 0 -10px;
}

.btn-hd li {
    margin-bottom: 20px !important;
}

.btn-hd li i {
    font-size: 20px;
    line-height: 40px;
    color: #000;
}

.btn-hd-1 em {
    float: left;
    margin-top: 8px !important;
}

.btn-hd-1 p {
    margin: 16px 0;
}

.btn-hd-2 p {
    margin: 6px 0 0;
    font-size: 16px;
}

.btn-hd-3 em {
    margin: 27px auto 28px !important;
    width: 50px !important;
    height: 50px !important;
}

.btn-hd-3 i {
    line-height: 50px !important;
    font-size: 25px !important;
}

.btn-hd-3 p {
    margin: 25px 0;
}

.section-title {
    margin: 30px 0 15px;
}

.section-title a {
    color: #666;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 80%;
    display: block;
}

.section-title a:hover {
    color: #0069c5;
}

.section-title+p {
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}

.answers {
    margin-top: 22px;
    margin-bottom: 22px;
}

.answers h4 {
    font-size: 16px;
    font-weight: bold;
    color: #4c4c4c;
}

.margin-top-14 {
    margin-top: 6px;
}

.panel-fast-hd {
    background: url(../img/fast-hd.png) right no-repeat;
}

.file-upload-indicator {
    display: none;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ */
.text-indent2em {
    text-indent: 2em;
}

.no-indent {
    text-indent: 0 !important;
}

.notice li {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    overflow: hidden;
}

.notice-btn {
    position: absolute;
    right: 15px;
    top: 40px;
}

.notice-btn .btn {
    color: #0069c5;
    border-color: #5B98CC;
}

.qa-question .comment-group {
    margin-top: 10px;
}

.qa-question .comment-group span:last-child {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.qa-question li {
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #ddd;
}

.qa-question li:last-child {
    border-bottom: 0;
}

.review-question dt {
    font-size: 16px;
}

.review-video .jp-video-270p object,
.review-video .jp-video-270p .jp-jplayer {
    width: auto;
    height: auto;
}

.review-video .jp-video-270p .jp-video-play,
.review-video .jp-video-360p .jp-video-play {
    z-index: 10;
}

.p-line-height p {
    line-height: 1.8;
}

.interview-list-img {
    text-align: center;
}

.interview-list-img img {
    max-height: 150px;
}

.index-lx-btn {
    display: block;
    padding: 6px 12px;
    width: 100%;
    height: 76px;
    margin-bottom: 0px;
    line-height: 70px;
    background: url(../img/zdxzjc.jpg) no-repeat;
    font-size: 24px;
    color: #fff;
    letter-spacing: 3px;
    text-align: center;
    background-size: 100% 100%;
    margin-top: 0px !important;
}

.index-lx-btn:focus,
.index-lx-btn:hover {
    color: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.index-lx-btn i {
    font-size: 32px;
    margin-right: 15px;
}

.hd-notice li {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 21px;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡------------------------------------------------------------------------*/
.zw-top-vedio {
    display: block;
    margin: 30px 0;
}

.zw-list li a {
    display: block;
    padding: 16px 5px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 15px;
    color: #656565;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.government-topic img {
    border-radius: 4px;
}

.border-color-blue {
    border-left: 4px solid #0069c5;
}

.border-color-purple {
    border-left: 4px solid #5c6bc0;
}

.border-color-green {
    border-left: 4px solid #66bb6a;
}

.border-color-orange {
    border-left: 4px solid #eb793d;
}

.float-right-text {
    position: absolute;
    right: 25px;
    bottom: 6px;
}

.btn-zw {
    margin: 0 5px !important;
}

.btn-zw>ul>li {
    float: left;
    width: 20%;
    padding: 0 5px !important;
    margin: 10px 0 !important;
}

.btn-zw>ul>li>a {
    padding: 15px 12px;
}

.btn-zw>ul>li>ul>li {
    margin-bottom: 0 !important;
}

.btn-zw>ul>li>ul>li>a:hover {
    color: #0069c5;
}

.btn-zw>ul>li>a>p {
    margin-top: 10px;
    margin-bottom: 0;
}

.btn-zw .dropdown-menu {
    top: initial;
    margin: 0;
}

.zw-slider a {
    padding: 0;
}

.zw-slider .owl-controls .owl-nav {
    top: 28%;
}

.zw-file-dropdown {
    position: relative;
}

.zw-file-dropdown li {
    position: initial;
    position: static;
}

.visible {
    overflow: visible;
}

.zw-figure {
    padding-bottom: 5px;
    padding-top: 13px;
}

.zw-form .form-group {
    margin-bottom: 0;
}

.zw-form .form-group>div {
    margin-bottom: 15px;
}

.over-hidden {
    overflow: hidden;
}

.zw-file-dropdown li {
    float: left;
}

.zw-file-dropdown>li>a {
    display: block;
    padding: 5px;
    margin: 0 20px;
    color: #606060;
    font-size: 16px;
    border-radius: 4px;
}

.zw-file-dropdown>li>a.active,
.zw-file-dropdown>li>a:hover {
    color: #fff;
    background-color: #0069c5;
}

.zw-file-dropdown .dropdown-menu {
    width: 100%;
    top: initial;
    margin: 0;
    border-color: #0069c5;
}

.zw-file-dropdown .dropdown-menu li {
    float: left;
    width: 20%;
}

.zw-file-dropdown .dropdown-menu li a {
    padding: 8px 0 8px 20px;
}

.zw-file-dropdown .dropdown-menu li a:hover,
.zw-file-dropdown .dropdown-menu li.active a {
    color: #0069c5;
}

.zw-left-menu li a {
    display: block;
    padding: 18px 15px;
    margin-bottom: 20px;
    font-size: 16px;
}

.list-content li a {
    font-size: 16px;
}

.list-content li {
    background: url(../img/dot-circle.png) 0 15px no-repeat;
    border-bottom: 1px dashed #E2E2E2;
}

.list-content li span {
    padding-top: 3px;
}

.list-content li div.row {
    margin-bottom: 5px;
}

.zw-weiban-form {
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.zw-weiban-form button[type="submit"] {
    margin-bottom: 15px;
}

.margin-bottom-4 {
    margin-bottom: 4px !important;
}

.date-icon {
    padding: 4px 12px 3px;
}

.date-icon i {
    font-size: 24px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ */
.gongbao h4 {
    padding: 30px 0;
    border: 1px solid #ddd;
    font-weight: bold;
}

.gongbao h4 p {
    margin-top: 10px;
    color: #0069c5;
}

.gongbao .dropdown-menu.inner {
    height: 200px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ */
.govagency .navi {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}

.govagency .navi>li {
    float: left;
}

.govagency .navi>li a {
    display: block;
    padding: 8px 12px;
    margin: 0 5px;
    border-radius: 3px;
}

.govagency .navi>li.active a,
.govagency .navi>li:hover a {
    background-color: #0069c5;
    color: #fff;
}

.govagency .ability li {
    float: right;
    border: 1px solid #ddd;
}

.govagency .ability li+li {
    margin-right: 10px;
}

.govagency .ability a {
    display: block;
    padding: 0 10px;
    color: #666;
}

.govagency table tbody {
    border-bottom: 1px solid #ddd;
}

.govagency table td {
    padding: 25px 12px !important;
}

.govagency table td.text-left {
    height: 34px;
    line-height: 34px;
}

.govagency div.dataTables_filter input {
    margin-left: 0 !important;
    border-radius: 0 !important;
    text-indent: .5em;
}

.govagency .dataTables_paginate {
    text-align: center !important;
}

.govagency .dt_tools_top>div[class^="col-"]:first-child {
    display: none;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ */
.article-info {
    /*margin-bottom: 20px;*/
    padding: 10px 30px;
    background-color: #f4f2f5;
    color: #5f5f5f;
}

.article-info div[class*="col-"] {
    margin: 5px 0;
}

.article-info div[class*="col-"] {
    overflow: hidden;
}

.article-info span {
    float: left;
    min-width: 70px;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ */
.directory thead td {
    font-size: 16px;
    font-weight: bold;
}

.directory td {
    word-break: break-all;
    vertical-align: middle !important;
}

.directory td a.label {
    font-weight: normal;
}

.no-bg {
    background: none !important;
}

.border {
    border: 1px solid #eee;
}

.nav-simple li a {
    border-radius: 4px;
}

.policy-read-btn .btn-single i {
    float: left;
    margin: 0 15px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 24px;
}

.policy-read-btn .btn-single a {
    font-size: 18px;
    line-height: 40px;
}

.policy-pic img {
    margin-bottom: 10px;
}

.policy-pic p {
    color: #666;
    margin-bottom: 5px;
}

.policy-pic a:hover p {
    color: #0069c5;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬  */
#publicApply .modal-dialog {
    width: 710px;
}

#publicApply .modal-body>div {
    width: 678px;
    overflow: hidden;
}

.left-menu {
    border: 1px solid #eee;
}

.left-menu p {
    padding: 10px 0;
    margin-bottom: 0;
    text-align: center;
    background: #ebeff1;
    color: #0069c5;
    font-size: 18px;
    font-weight: bold;
}

.left-menu dl dt {
    padding: 12px 0 12px 15px;
    border-bottom: 1px solid #eee;
}

.left-menu dl dt a {
    display: block;
    padding-left: 10px;
    font-size: 16px;
    color: #444;
    border-left: 3px solid #0069c5;
}

.left-menu dl dd ul {
    padding-left: 15px;
    margin: 10px 0;
}

.left-menu dl dd ul li a {
    display: block;
    padding: 5px 0;
    color: #444;
}

.left-menu dl dd ul li a:hover {
    color: #0069c5 !important;
}

.left-menu dl dd ul li a i {
    margin-right: 10px;
}

.left-sub-menu {
    display: none;
}

.left-menu dl dd ul li.active .left-sub-menu {
    display: block;
}

.left-sub-menu li a {
    color: #777 !important;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ */
.public-catalog-btn li {
    width: 20%;
    float: left;
}

.public-catalog-btn li .btn {
    margin: 5px 10px;
    padding: 13px 0;
}

/*-----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼------------------------------------------------------------------------*/
.ld-menu li a {
    background: #f5f5f5;
    color: #6b6b6b;
}

.ld-menu li.active a {
    background: #0069c5;
    color: #fff;
}

.ld-list li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 50px;
    margin-bottom: 45px;
    overflow: hidden;
}

.ld-list li:last-child {
    border-bottom: 0;
}

.ld-list li div.col-sm-9 {
    position: initial;
    position: static\0;
}

.ld-list li h4 {
    color: #333;
}

.ld-list .ld-btn {
    position: absolute;
    bottom: 10px;
    margin-bottom: 0;
}

.worker-list li a {
    color: #888;
}

.worker-list li a span {
    font-size: 16px;
    margin-right: 8px;
    color: #333;
}

.ld-move h4 {
    margin-top: 3px;
}

.ld-list img {
    max-width: 129px;
}

.excerpt-title a {
    display: block;
    height: 400px;
    background: url(../img/zb.jpg) no-repeat;
    background-size: 100% 400px;
}

.excerpt-tab li {
    float: left;
    width: 14.285%;
}

.excerpt-tab li a.circle-btn .btn {
    border: 1px solid #eee;
}

.excerpt-tab li a:hover {
    background: none;
}

.excerpt-tab li.active .btn,
.excerpt-tab li a:hover .btn {
    background: #0069c5;
    color: #fff;
    border: 1px solid #0069c5;
}

.excerpt-content {
    padding: 20px !important;
    border: 1px solid #eee;
}

.excerpt-header-2 {
    position: relative;
}

.excerpt-header-2 div {
    display: inline;
}

.excerpt-header-2 a {
    bottom: 0;
    margin-left: 10px;
    color: #666;
}

.bold {
    font-weight: bold;
}

.excerpt-tab li.active:before {
    position: absolute;
    bottom: -20px;
    left: 45%;
    z-index: 9;
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #0069c5;
}

.index-nav li:hover {
    background: #1475ca;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ */
.attachments {
    padding: 5px 20px !important;
    background-color: #f5f5f5;
    border-radius: 7px;
    color: #5f5f5f !important;
}

.attachments a {
    font-size: 14px;
    color: #5f5f5f !important;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ */
.table-punish td {
    cursor: pointer;
}

.license .table-easy {
    min-width: 700px;
    margin-bottom: 0;
}

.license .nav {
    position: absolute;
    top: 10px;
    right: 20px;
}

.license .nav li {
    float: left;
}

.license .nav li.active {
    background: #eee;
}

.important-area {
    background: url(../img/zt_bj.jpg) no-repeat;
}

.important-area h4 {
    color: #fff;
    font-size: 23px;
    letter-spacing: 2px;
    margin: 9px 0;
    font-weight: 600;
}

.important-area h4 span {
    color: #ff0;
}

.important-area li {
    float: left;
    width: 50%;
}

.important-area li a {
    display: block;
    padding: 4px;
    margin: 5px 30px;
    background: #eee;
    text-align: center;
    color: #0069c5;
    border-radius: 4px;
}

.important-area li a:hover {
    background: #fff;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-29 {
    margin-bottom: 29px !important;
}

.padding-ud-13 {
    padding-top: 13px;
    padding-bottom: 13px;
}

.visible .nav {
    position: absolute;
    top: 10px;
    right: 10px;
}

.visible .nav li {
    float: left;
}

.visible .nav li a {
    color: #666;
}

.visible .dropdown-menu {
    margin-top: 0 !important;
}

.visible .dropdown-menu li {
    width: 33.33%;
}

.visible .zw-file-dropdown>li>a {
    margin: auto;
    padding: 8px 8px;
    font-size: 14px;
}

.visible .zw-file-dropdown>li>a:hover {
    background-color: #eee;
    border-radius: 0;
}

.more4 {
    top: 0;
}

.quanze {
    top: 16px;
}

.yj-jy {
    text-decoration: none;
    /* color: #FFF; */
    float: left;
    margin-left: 8px;
    border: 1px solid #0069c5;
    padding: 5px 10px;
    margin-top: -5px;
    border-radius: 5px;
}

.gua {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
}

.inter-zw {
    margin-top: 20px;
    background: url(../img/zw1.png) center 0 no-repeat;
}

.inter-zw a {
    display: inline-block !important;
    height: 55px;
    line-height: 50px;
    text-align: center;
    color: #f5f5f5;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 2px;
}

.inter-zw a i {
    font-weight: normal;
    font-size: 40px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.unfold {
    display: block;
    padding: 5px 0;
    letter-spacing: 2px;
    background: #cbe0f3;
    text-align: center;
    color: #666 !important;
}

.unfold:hover {
    background: #b6d4ed;
}

.article-info {
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

ul.nowrapli li .list-infro {
    display: none;
    position: absolute;
    top: -30px;
    left: 30%;
    z-index: 100;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
}

ul.nowrapli li .list-infro thead {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: black;
}

ul.nowrapli li .list-infro p {
    color: black;
}

ul.nowrapli li .list-infro strong {
    color: black;
}

ul.nowrapli li:hover .list-infro {
    display: block;
}

ul.nowrapli li .list-infro td {
    padding: 1px 10px;
    line-height: 1.5;
}

.datatable th {
    border-bottom-width: 1px !important;
}

.datatable th,
.datatable td {
    text-align: center;
}

.no-border-left {
    border-left: 0 !important;
}

.footer-bottom {
    padding-top: 8px;
    border-top: 1px solid #b7b9ba;
}

.collect {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.collect li {
    float: left;
    width: 33.3333%;
    padding: 15px;
}

.collect li a {
    position: relative;
    display: block;
}

.collect li a img {
    width: 100%;
    height: 155px;
}

.collect li span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 55px 70px 0;
    opacity: 0;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.collect li a:hover span {
    opacity: 1;
}

.close-fff {
    color: #fff;
    opacity: 1;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼-ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬  */
.modal-continue .modal-dialog {
    margin-top: 0;
    top: 20%;
}

.modal-continue .modal-body {
    padding: 45px 30px;
    text-align: center;
}

.modal-continue .modal-content {
    overflow: hidden;
}

.modal-continue p {
    margin-bottom: 0;
    font-size: 18px;
}

.modal-continue .modal-footer {
    background-color: #f5f5f5;
}

.modal-continue .close {
    position: absolute;
    top: 15px;
    right: 15px;
}

/*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾*/
.article-info-bz {
    /*margin-bottom: 20px;*/
    padding: 10px 30px;
    background-color: #f4f2f5;
    color: #5f5f5f;
}

.article-info-bz div[class*="col-"] {
    margin: 5px 0;
}

.article-info-bz div[class*="col-"] {
    overflow: hidden;
}

.article-info-bz span {
    float: left;
    min-width: 70px;
}

.article-info-bz {
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.unfold-bz {
    display: block;
    padding: 5px 0;
    letter-spacing: 2px;
    background: #cbe0f3;
    text-align: center;
    color: #666 !important;
}

.unfold-bz:hover {
    background: #b6d4ed;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ */
.card-content.style2 li {
    float: left;
    width: 33.333%;
}

.card-area li.disabled a:hover {
    color: #ccc !important;
}

.card-content li.disabled a {
    color: #ccc !important;
}

.card-content li a {
    position: relative;
}

.card-area li.active .content-first ul li img {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    opacity: 1;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œ */
.media-link {
    margin: 0 -5px;
}

.media-link a {
    display: inline-block;
    max-width: 50%;
    padding: 0 5px;
    float: left;
}




/************ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡     ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥************/

.zwgksp ul.btn-list li {
    padding: 0px 15px;
}

.zwgksp ul.btn-line li a.btn {
    border-radius: 5px;
}

/************ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾************/
.footer .links .dropdown {
    margin-left: 263px;
}

.maxim {
    background: url("../img/maxim-bg.png") no-repeat center;
    background-size: cover;
    padding: 8px 0;
}

.maxim-text {
    padding-top: 25px;
    text-align: right;
}

.panel-clearfix {
    overflow: initial;
    clear: both;
}

.new-dropdown-list {
    position: relative;
}

.new-dropdown-list li.dropdown {
    position: initial;
}

.new-dropdown-list li.dropdown ul.dropdown-menu {
    left: 0;
    width: 100%;
    border-radius: 4px;
}

.new-dropdown-list li.dropdown ul.dropdown-menu li {
    display: inline-block;
    width: 33.333%;
    float: left;
}

.link-otherweb {
    padding: 0;
    margin: 0;
}

.otherweb-modal .link-otherweb a {
    font-size: 16px;
    width: 33.333%;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 5px 0;
}

@media (max-width: 767px) {
    .footer .links {
        float: none;
    }

    .footer .links li {
        margin: 0;
        width: 50%;
        text-align: center;
    }
}




/*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦  ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬  ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦ ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡*/

.intelligent {
    -moz-box-shadow: 0px 0px 20px #FFDE00;
    -webkit-box-shadow: 0px 0px 20px #FFDE00;
    box-shadow: 0px 0px 20px #FFDE00;
    color: #ffffff;
    background-color: #ffb400;
    /*-webkit-animation-name: breathingLight;*/
    /*-webkit-animation-duration: 3s;*/
    /*-webkit-animation-iteration-count: infinite;*/
}

/*@-webkit-keyframes breathingLight{*/

/*from {*/

/*background-color: #fff;*/
/*-webkit-box-shadow:0 0 20px #ccc;*/
/*}*/

/*50% {*/

/*background-color: #fff6e6;*/
/*-webkit-box-shadow: 0 0 20px #FFDE00;*/

/*}*/

/*to {*/
/*background-color: #fff;*/
/*-webkit-box-shadow:0 0 20px #ccc;*/

/*}*/

/*}*/

.intelligent-box-panel {
    width: 360px;
    height: 395px;
    position: absolute;
    left: 15px;
    top: 350px;
    z-index: 9;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
    /*-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
    /*-webkit-animation-name:zoomInRight;*/
    -webkit-animation-duration: 1s;
    /*-webkit-animation-iteration-count: infinite;*/
}

.intelligent-box-title {
    position: relative;
    background-color: #005ebd;
    padding: 0 10px;
}

.intelligent-box-title>h5 {
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    line-height: 45px;
}

.intelligent-box-title>h5>i {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.close-intelligent {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    line-height: 40px;
    border: none;
    background-color: transparent;
    color: #ffffff;
}

.intelligent-panel {
    padding: 0 14px;
}

.intelligent-panel-title>a {
    display: block;
    font-size: 16px;
    color: #333333;
    position: relative;
    padding: 10px 0;
}

.intelligent-panel-title>a>i {
    font-size: 30px;
    color: #005ebd;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.intelligent-panel-title>a:before,
.intelligent-panel-title>a:after {
    content: '';
    display: block;
    border: 8px solid transparent;
    border-left-color: #333333;
    position: absolute;
    right: 10px;
    top: 14px;
}

.intelligent-panel-title>a:after {
    right: 12px;
    border-left-color: #ffffff;
}

.intelligent-panel-list {
    padding: 0;
    /* display:flex; */
    /* justify-content: space-between; */
    margin: 8px 0;
}

.intelligent-panel-list>li {
    display: inline-block;
    border: 1px solid #666666;
    margin-right: 10px;
    transition: all .3s;
}

.intelligent-panel-list>li.active {
    background-color: #005ebd;
    transition: all .3s;
}

.intelligent-panel-list>li.active>a {
    color: #ffffff;
    transition: all .3s;
}

.intelligent-panel-list>li:last-child {
    margin-right: 0;
}

.intelligent-panel-list>li>a {
    font-size: 14px;
    color: #666666;
    display: block;
    padding: 2px 5px;
    transition: all .3s;
}

.tab-content-tips {
    position: relative;
    color: #999999;
    font-size: 12px;
    margin-bottom: 10px;
}

.tab-content-tips:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #999999;
    position: absolute;
    left: 0;
    top: 50%;
}

.tab-content-tips>span {
    display: inline-block;
    padding: 0 8px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}

.float-btn-group .intelligent-panel .uli14 li {
    display: block;
    background-position: 0 14px;
}

.intelligent-panel .uli14 {
    margin: 0;
}

.intelligent-panel .uli14 li>a {
    font-size: 14px;
}

.intelligent-panel .uli14 li>p {
    font-size: 12px;
    color: #999999;
    margin-left: 0;
}

.intelligent-panel .uli14 li>span {
    font-size: 12px;
    color: #999999;
    margin-left: 0;
}

.btn-float>i {
    font-size: 24px;
}

.intelligent-panel {
    padding: 0;
}

.intelligent-tab-panel {
    -webkit-animation: hideDown 1s forwards;
    animation: hideDown 1s forwards
}

.intelligent-tab-panel.active {
    opacity: 1;
    -webkit-animation: showUp .4s forwards;
    animation: showUp .4s forwards
}



/*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦  css*/
.navOutNext {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-animation: cornerScaleDown .3s forwards ease-in-out;
    animation: cornerScaleDown .3s forwards ease-in-out
}

.navInNext {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-animation: cornerScaleUp .3s .1s forwards ease-in-out;
    animation: cornerScaleUp .3s .1s forwards ease-in-out
}

.navOutPrev {
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-animation: cornerScaleDown .3s forwards ease-in-out;
    animation: cornerScaleDown .3s forwards ease-in-out
}

.navInPrev {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-animation: cornerScaleUp .3s .1s forwards ease-in-out;
    animation: cornerScaleUp .3s .1s forwards ease-in-out
}

.index-tabs-news {
    padding-bottom: 4px !important;
    margin-bottom: 20px;
}

.biaoti01 .panel-title {
    font-size: 20px;
    font-weight: 700;
    color: #0069c5;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 7px;
    background: #fff;
}

.biaoti01 .panel-title i {
    margin-top: 0px;
}

@-webkit-keyframes slideDown {
    from {}

    to {
        -webkit-transform: translateY(150%);
        opacity: 0
    }
}

@keyframes slideDown {
    from {}

    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0
    }
}

@-webkit-keyframes showUp {
    from {
        -webkit-transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes showUp {
    from {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes hideDown {
    from {}

    to {
        -webkit-transform: scale(.5);
        opacity: 0
    }
}

@keyframes hideDown {
    from {}

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes slideUp {
    from {
        -webkit-transform: translateY(150%)
    }

    to {
        -webkit-transform: translateY(0%);
        opacity: 1
    }
}

@keyframes slideUp {
    from {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
}

.fxFPulse .navOutNext {
    -webkit-animation: elastScaleUp .4s forwards;
    animation: elastScaleUp .4s forwards
}

.fxFPulse .navInNext {
    -webkit-animation: growUp .4s .3s forwards;
    animation: growUp .4s .3s forwards
}

.fxFPulse .navOutPrev {
    -webkit-animation: elastScaleDown .4s forwards;
    animation: elastScaleDown .4s forwards
}

.fxFPulse .navInPrev {
    -webkit-animation: growDown .4s .3s forwards;
    animation: growDown .4s .3s forwards
}

@-webkit-keyframes elastScaleUp {
    from {}

    30% {
        -webkit-transform: scale(.7);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@keyframes elastScaleUp {
    from {}

    30% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@-webkit-keyframes growUp {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes growUp {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes elastScaleDown {
    from {}

    30% {
        -webkit-transform: scale(1.3);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@keyframes elastScaleDown {
    from {}

    30% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@-webkit-keyframes growDown {
    0% {
        -webkit-transform: scale(1.3)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.fxHearbeat .navOutNext {
    -webkit-animation: scaleUpDown .4s forwards ease-in;
    animation: scaleUpDown .4s forwards ease-in
}

.fxHearbeat .navInNext {
    -webkit-animation: growUp .4s .3s forwards;
    animation: growUp .4s .3s forwards
}

.fxHearbeat .navOutPrev {
    -webkit-animation: scaleUpDown .4s forwards ease-in;
    animation: scaleUpDown .4s forwards ease-in
}

.fxHearbeat .navInPrev {
    -webkit-animation: growUp .4s .3s forwards;
    animation: growUp .4s .3s forwards
}

@-webkit-keyframes scaleUpDown {
    from {}

    70% {
        -webkit-transform: scale(1.3);
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(.5);
        opacity: 0;
        -webkit-animation-timing-function: ease-out
    }
}

@keyframes scaleUpDown {
    from {}

    70% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.fxCoverflow .itemwrap {
    -webkit-perspective: 1400px;
    perspective: 1400px
}

.fxDeal .itemwrap {
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.fxDeal .navOutPrev,
.fxDeal .navOutNext {
    opacity: 1;
    -webkit-animation: scaleDown .5s forwards;
    animation: scaleDown .5s forwards
}

.fxDeal .navInNext {
    z-index: 9999;
    -webkit-animation: throwFromRight .4s .1s forwards ease-out;
    animation: throwFromRight .4s .1s forwards ease-out
}

.fxDeal .navInPrev {
    z-index: 9999;
    -webkit-animation: throwFromLeft .4s .1s forwards ease-out;
    animation: throwFromLeft .4s .1s forwards ease-out
}

.fxDeal li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .3);
    transition: opacity .5s
}

.fxDeal .navOutPrev::after,
.fxDeal .navOutNext::after {
    opacity: 1
}

@-webkit-keyframes scaleDown {
    from {}

    to {
        -webkit-transform: scale(.9)
    }
}

@keyframes scaleDown {
    from {}

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes throwFromRight {
    from {
        -webkit-transform: translateX(20%) rotateZ(10deg) rotateY(40deg) translateZ(500px);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) rotateZ(0) rotateY(0) translateZ(0);
        opacity: 1
    }
}

@keyframes throwFromRight {
    from {
        -webkit-transform: translateX(20%) rotateZ(10deg) rotateY(40deg) translateZ(500px);
        transform: translateX(20%) rotateZ(10deg) rotateY(40deg) translateZ(500px);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) rotateZ(0) rotateY(0) translateZ(0);
        transform: translateX(0) rotateZ(0) rotateY(0) translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes throwFromLeft {
    from {
        -webkit-transform: translateX(-20%) rotateZ(-10deg) rotateY(-40deg) translateZ(500px);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) rotateZ(0) rotateY(0) translateZ(0);
        opacity: 1
    }
}

@keyframes throwFromLeft {
    from {
        -webkit-transform: translateX(-20%) rotateZ(-10deg) rotateY(-40deg) translateZ(500px);
        transform: translateX(-20%) rotateZ(-10deg) rotateY(-40deg) translateZ(500px);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) rotateZ(0) rotateY(0) translateZ(0);
        transform: translateX(0) rotateZ(0) rotateY(0) translateZ(0);
        opacity: 1
    }
}

.fxFerris .navOutNext {
    -webkit-transform-origin: 400% 50%;
    transform-origin: 400% 50%;
    -webkit-animation: RotateTranslatedToRight .2s forwards ease-out;
    animation: RotateTranslatedToRight .2s forwards ease-out
}

.fxFerris .navInNext {
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-animation: RotateTranslatedFromRight .2s forwards ease-out;
    animation: RotateTranslatedFromRight .2s forwards ease-out
}

.fxFerris .navOutPrev {
    -webkit-transform-origin: -300% 50%;
    transform-origin: -300% 50%;
    -webkit-animation: RotateTranslatedToLeft .2s forwards ease-out;
    animation: RotateTranslatedToLeft .2s forwards ease-out
}

.fxFerris .navInPrev {
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-animation: RotateTranslatedFromLeft .2s forwards ease-out;
    animation: RotateTranslatedFromLeft .2s forwards ease-out
}

@-webkit-keyframes RotateTranslatedToRight {
    from {}

    to {
        -webkit-transform: rotateZ(20deg);
        opacity: 0
    }
}

@keyframes RotateTranslatedToRight {
    from {}

    to {
        -webkit-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
        opacity: 0
    }
}

@-webkit-keyframes RotateTranslatedFromRight {
    from {
        -webkit-transform: rotateZ(-45deg);
        opacity: .5
    }

    to {
        -webkit-transform: rotateZ(0deg);
        opacity: 1
    }
}

@keyframes RotateTranslatedFromRight {
    from {
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
        opacity: .5
    }

    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        opacity: 1
    }
}

@-webkit-keyframes RotateTranslatedToLeft {
    from {}

    to {
        -webkit-transform: rotateZ(-20deg);
        opacity: 0
    }
}

@keyframes RotateTranslatedToLeft {
    from {}

    to {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
        opacity: 0
    }
}

@-webkit-keyframes RotateTranslatedFromLeft {
    from {
        -webkit-transform: rotateZ(45deg);
        opacity: .5
    }

    to {
        -webkit-transform: rotateZ(0deg);
        opacity: 1
    }
}

@keyframes RotateTranslatedFromLeft {
    from {
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        opacity: .5
    }

    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        opacity: 1
    }
}

.fxShinkansen .navOutNext {
    -webkit-animation: skewOutLeft .4s forwards ease-in;
    animation: skewOutLeft .4s forwards ease-in
}

.fxShinkansen .navInNext {
    -webkit-animation: skewInRight .4s forwards ease-in;
    animation: skewInRight .4s forwards ease-in
}

.fxShinkansen .navOutPrev {
    -webkit-animation: skewOutRight .4s forwards ease-in;
    animation: skewOutRight .4s forwards ease-in
}

.fxShinkansen .navInPrev {
    -webkit-animation: skewInLeft .4s forwards ease-in;
    animation: skewInLeft .4s forwards ease-in
}

@-webkit-keyframes skewOutLeft {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: skew(-20deg) translateX(-75%);
        opacity: .7
    }

    100% {
        -webkit-transform: skew(0deg) translateX(-150%);
        opacity: 0
    }
}

@keyframes skewOutLeft {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: skew(-20deg) translateX(-75%);
        transform: skew(-20deg) translateX(-75%);
        opacity: .7
    }

    100% {
        -webkit-transform: skew(0deg) translateX(-150%);
        transform: skew(0deg) translateX(-150%);
        opacity: 0
    }
}

@-webkit-keyframes skewInRight {
    0% {
        -webkit-transform: skew(0deg) translateX(150%)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: skew(-20deg) translateX(75%)
    }

    100% {
        -webkit-transform: skew(0) translateX(0);
        opacity: 1
    }
}

@keyframes skewInRight {
    0% {
        -webkit-transform: skew(0deg) translateX(150%);
        transform: skew(0deg) translateX(150%)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: skew(-20deg) translateX(75%);
        transform: skew(-20deg) translateX(75%)
    }

    100% {
        -webkit-transform: skew(0) translateX(0);
        transform: skew(0) translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes skewOutRight {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: skew(20deg) translateX(75%);
        opacity: .7
    }

    100% {
        -webkit-transform: skew(0deg) translateX(150%);
        opacity: 0
    }
}

@keyframes skewOutRight {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: skew(20deg) translateX(75%);
        transform: skew(20deg) translateX(75%);
        opacity: .7
    }

    100% {
        -webkit-transform: skew(0deg) translateX(150%);
        transform: skew(0deg) translateX(150%);
        opacity: 0
    }
}

@-webkit-keyframes skewInLeft {
    0% {
        -webkit-transform: skew(0deg) translateX(-150%)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: skew(20deg) translateX(-75%)
    }

    100% {
        -webkit-transform: skew(0) translateX(0);
        opacity: 1
    }
}

.fxSnake li {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.fxSnake .navOutNext {
    -webkit-animation: slideOutBounceLeft .3s forwards linear;
    animation: slideOutBounceLeft .3s forwards linear
}

.fxSnake .navInNext {
    -webkit-animation: slideInBounceRight .3s forwards linear;
    animation: slideInBounceRight .3s forwards linear
}

.fxSnake .navOutPrev {
    -webkit-animation: slideOutBounceRight .3s forwards linear;
    animation: slideOutBounceRight .3s forwards linear
}

.fxSnake .navInPrev {
    -webkit-animation: slideInBounceLeft .3s forwards linear;
    animation: slideInBounceLeft .3s forwards linear
}

@-webkit-keyframes slideOutBounceLeft {
    25% {
        -webkit-transform: translateX(-50%) rotate(-7deg)
    }

    50% {
        -webkit-transform: translateX(-100%) rotate(7deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(-200%) rotate(0deg);
        opacity: 0
    }
}

@keyframes slideOutBounceLeft {
    25% {
        -webkit-transform: translateX(-50%) rotate(-7deg);
        transform: translateX(-50%) rotate(-7deg)
    }

    50% {
        -webkit-transform: translateX(-100%) rotate(7deg);
        transform: translateX(-100%) rotate(7deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(-200%) rotate(0deg);
        transform: translateX(-200%) rotate(0deg);
        opacity: 0
    }
}

@-webkit-keyframes slideInBounceRight {
    0% {
        -webkit-transform: translateX(200%)
    }

    50% {
        -webkit-transform: translateX(100%) rotate(-7deg);
        opacity: .7
    }

    75% {
        -webkit-transform: translateX(50%) rotate(7deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes slideInBounceRight {
    0% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }

    50% {
        -webkit-transform: translateX(100%) rotate(-7deg);
        transform: translateX(100%) rotate(-7deg);
        opacity: .7
    }

    75% {
        -webkit-transform: translateX(50%) rotate(7deg);
        transform: translateX(50%) rotate(7deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@-webkit-keyframes slideOutBounceRight {
    25% {
        -webkit-transform: translateX(50%) rotate(7deg)
    }

    50% {
        -webkit-transform: translateX(100%) rotate(-7deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(200%) rotate(0deg);
        opacity: 0
    }
}

@keyframes slideOutBounceRight {
    25% {
        -webkit-transform: translateX(50%) rotate(7deg);
        transform: translateX(50%) rotate(7deg)
    }

    50% {
        -webkit-transform: translateX(100%) rotate(-7deg);
        transform: translateX(100%) rotate(-7deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(200%) rotate(0deg);
        transform: translateX(200%) rotate(0deg);
        opacity: 0
    }
}

@-webkit-keyframes slideInBounceLeft {
    0% {
        -webkit-transform: translateX(-200%)
    }

    50% {
        -webkit-transform: translateX(-100%) rotate(7deg);
        opacity: .7
    }

    75% {
        -webkit-transform: translateX(-50%) rotate(-7deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes slideInBounceLeft {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }

    50% {
        -webkit-transform: translateX(-100%) rotate(7deg);
        transform: translateX(-100%) rotate(7deg);
        opacity: .7
    }

    75% {
        -webkit-transform: translateX(-50%) rotate(-7deg);
        transform: translateX(-50%) rotate(-7deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

.fxShuffle li {
    -webkit-transform-origin: -50% -50%;
    transform-origin: -50% -50%
}

.fxShuffle .navOutNext {
    -webkit-animation: fanBehindDown .5s forwards;
    animation: fanBehindDown .5s forwards
}

.fxShuffle .navInNext {
    opacity: 1;
    -webkit-animation: fanFrontUp .5s forwards;
    animation: fanFrontUp .5s forwards
}

.fxShuffle .navOutPrev {
    -webkit-animation: fanBehindUp .5s forwards;
    animation: fanBehindUp .5s forwards
}

.fxShuffle .navInPrev {
    opacity: 1;
    -webkit-animation: fanFrontDown .5s forwards;
    animation: fanFrontDown .5s forwards
}

.fxShuffle li::before,
.fxShuffle li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .5s
}

.fxShuffle li::after,
.fxShuffle .navOutNext::before,
.fxShuffle .navOutPrev::before {
    opacity: 1
}

.fxShuffle .navOutNext::before,
.fxShuffle .navOutPrev::before {
    -webkit-transition-speed: .25s;
    transition-speed: .25s;
    transition-delay: .2s
}

.fxShuffle li::before,
.fxShuffle li.current::after,
.fxShuffle .navInNext::after,
.fxShuffle .navInPrev::after {
    opacity: 0
}

@-webkit-keyframes fanBehindDown {
    from {}

    50% {
        -webkit-transform: rotate(30deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes fanBehindDown {
    from {}

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fanFrontUp {
    from {}

    50% {
        -webkit-transform: rotate(-20deg)
    }

    51% {
        -webkit-transform: rotate(-20deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg);
        z-index: 9999
    }
}

@keyframes fanFrontUp {
    from {}

    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    51% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        z-index: 9999
    }
}

@-webkit-keyframes fanBehindUp {
    from {}

    50% {
        -webkit-transform: rotate(-20deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes fanBehindUp {
    from {}

    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fanFrontDown {
    from {}

    50% {
        -webkit-transform: rotate(30deg)
    }

    51% {
        -webkit-transform: rotate(30deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg);
        z-index: 9999
    }
}

@keyframes fanFrontDown {
    from {}

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    51% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        z-index: 9999
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        z-index: 9999
    }
}

.fxPhotoBrowse .itemwrap {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.fxPhotoBrowse .navOutNext {
    -webkit-animation: moveBehind .5s forwards;
    animation: moveBehind .5s forwards
}

.fxPhotoBrowse .navInNext {
    opacity: 1;
    -webkit-animation: appear .5s forwards;
    animation: appear .5s forwards
}

.fxPhotoBrowse .navOutPrev {
    -webkit-animation: disappear .5s forwards;
    animation: disappear .5s forwards
}

.fxPhotoBrowse .navInPrev {
    opacity: 1;
    -webkit-animation: moveFront .5s forwards;
    animation: moveFront .5s forwards
}

.fxPhotoBrowse li::before,
.fxPhotoBrowse li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .5s
}

.fxPhotoBrowse li::after,
.fxPhotoBrowse .navOutNext::before,
.fxPhotoBrowse .navOutPrev::before {
    opacity: 1
}

.fxPhotoBrowse .navOutNext::before,
.fxPhotoBrowse .navOutPrev::before {
    -webkit-transition-speed: .25s;
    transition-speed: .25s;
    transition-delay: .2s
}

.fxPhotoBrowse li::before,
.fxPhotoBrowse li.current::after,
.fxPhotoBrowse .navInNext::after,
.fxPhotoBrowse .navInPrev::after {
    opacity: 0
}

@-webkit-keyframes moveBehind {
    from {}

    50% {
        z-index: 9999;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
    }

    100% {
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
}

@keyframes moveBehind {
    from {}

    50% {
        z-index: 9999;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
    }

    100% {
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
}

@-webkit-keyframes appear {
    0% {
        -webkit-transform: translateZ(-200px)
    }

    51% {
        z-index: 9999
    }

    70% {
        z-index: 9999;
        -webkit-transform: translateZ(50px)
    }

    100% {
        z-index: 9999;
        -webkit-transform: translateZ(0px)
    }
}

@keyframes appear {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }

    51% {
        z-index: 9999
    }

    70% {
        z-index: 9999;
        -webkit-transform: translateZ(50px);
        transform: translateZ(50px)
    }

    100% {
        z-index: 9999;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-webkit-keyframes disappear {
    from {}

    30% {
        -webkit-transform: translateZ(50px)
    }

    50% {
        z-index: 9999
    }

    100% {
        -webkit-transform: translateZ(-200px)
    }
}

@keyframes disappear {
    from {}

    30% {
        -webkit-transform: translateZ(50px);
        transform: translateZ(50px)
    }

    50% {
        z-index: 9999
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
}

@-webkit-keyframes moveFront {
    from {}

    50% {
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
    }

    51% {
        z-index: 9999
    }

    100% {
        z-index: 9999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
}

@keyframes moveFront {
    from {}

    50% {
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
    }

    51% {
        z-index: 9999
    }

    100% {
        z-index: 9999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
}

.fxSlideBehind .itemwrap {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.fxSlideBehind .navOutNext {
    -webkit-animation: hideLeft .5s forwards;
    animation: hideLeft .5s forwards
}

.fxSlideBehind .navInNext {
    -webkit-animation: showRight .5s forwards;
    animation: showRight .5s forwards
}

.fxSlideBehind .navOutPrev {
    -webkit-animation: hideRight .5s forwards;
    animation: hideRight .5s forwards
}

.fxSlideBehind .navInPrev {
    -webkit-animation: showLeft .5s forwards;
    animation: showLeft .5s forwards
}

.fxSlideBehind li::before,
.fxSlideBehind li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .5s
}

.fxSlideBehind li::after,
.fxSlideBehind .navOutNext::before,
.fxSlideBehind .navOutPrev::before {
    opacity: 1
}

.fxSlideBehind li::before,
.fxSlideBehind li.current::after,
.fxSlideBehind .navInNext::after,
.fxSlideBehind .navInPrev::after {
    opacity: 0
}

@-webkit-keyframes hideLeft {
    0% {
        -webkit-transform: translateZ(0px)
    }

    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        z-index: 9999
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px)
    }
}

@keyframes hideLeft {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px)
    }

    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        z-index: 9999
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px)
    }
}

@-webkit-keyframes showRight {
    0% {
        -webkit-transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        opacity: 1;
        z-index: 9999
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@keyframes showRight {
    0% {
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        opacity: 1;
        z-index: 9999
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-webkit-keyframes hideRight {
    0% {
        -webkit-transform: translateZ(0px)
    }

    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        z-index: 9999
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px)
    }
}

@keyframes hideRight {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px)
    }

    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        z-index: 9999
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px)
    }
}

@-webkit-keyframes showLeft {
    0% {
        -webkit-transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        opacity: 1;
        z-index: 9999
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@keyframes showLeft {
    0% {
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        opacity: 1;
        z-index: 9999
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

.fxVacuum .navOutNext {
    -webkit-animation: slideScaleOutLeft .4s forwards;
    animation: slideScaleOutLeft .4s forwards
}

.fxVacuum .navInNext {
    -webkit-animation: slideScaleInRight .4s .2s forwards;
    animation: slideScaleInRight .4s .2s forwards
}

.fxVacuum .navOutPrev {
    -webkit-animation: slideScaleOutRight .4s forwards;
    animation: slideScaleOutRight .4s forwards
}

.fxVacuum .navInPrev {
    -webkit-animation: slideScaleInLeft .4s .2s forwards;
    animation: slideScaleInLeft .4s .2s forwards
}

@-webkit-keyframes slideScaleOutLeft {
    from {}

    50% {
        -webkit-transform: translateX(25%) scale(1.2);
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(-250%) scale(0);
        opacity: 0
    }
}

@keyframes slideScaleOutLeft {
    from {}

    50% {
        -webkit-transform: translateX(25%) scale(1.2);
        transform: translateX(25%) scale(1.2);
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(-250%) scale(0);
        transform: translateX(-250%) scale(0);
        opacity: 0
    }
}

@-webkit-keyframes slideScaleInRight {
    from {
        -webkit-transform: translateX(250%) scale(0)
    }

    to {
        -webkit-transform: translateX(0) scale(1);
        opacity: 1
    }
}

@keyframes slideScaleInRight {
    from {
        -webkit-transform: translateX(250%) scale(0);
        transform: translateX(250%) scale(0)
    }

    to {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes slideScaleOutRight {
    from {}

    50% {
        -webkit-transform: translateX(-25%) scale(1.2);
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(250%) scale(0);
        opacity: 0
    }
}

@keyframes slideScaleOutRight {
    from {}

    50% {
        -webkit-transform: translateX(-25%) scale(1.2);
        transform: translateX(-25%) scale(1.2);
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(250%) scale(0);
        transform: translateX(250%) scale(0);
        opacity: 0
    }
}

@-webkit-keyframes slideScaleInLeft {
    from {
        -webkit-transform: translateX(-250%) scale(0)
    }

    to {
        -webkit-transform: translateX(0) scale(1);
        opacity: 1
    }
}

@keyframes slideScaleInLeft {
    from {
        -webkit-transform: translateX(-250%) scale(0);
        transform: translateX(-250%) scale(0)
    }

    to {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 1
    }
}

.hot-word-click {
    padding: 0;
}

.hot-word-click>li {
    display: inline-block;
    margin: 0 5px;
    color: #878787;
    font-size: 16px;
}

.hot-word-click>li>a {
    border-radius: 4px;
    /*background-color:#0069c5;*/
    color: #ffffff;
    padding: 4px 8px;
    font-size: 14px;
}

.hot-word-click>li:nth-child(1)>a {
    background-color: #168ef7;
}

.hot-word-click>li:nth-child(2)>a {
    background-color: #46A6F7;
}

.hot-word-click>li:nth-child(3)>a {
    background-color: #4eb0f7;
}

.hot-word-click>li:nth-child(4)>a {
    background-color: #66c2f7;
}

.hot-word-click>li:nth-child(5)>a {
    background-color: #66c2f7;
}

/* .intelligent.open:before{
    content:'ÃƒÂ¦Ã¢â‚¬Å¡Ã‚Â¨ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â³ÃƒÂ¦Ã‚Â³Ã‚Â¨ÃƒÂ§Ã…Â¡Ã¢â‚¬Å¾ÃƒÂ¤Ã‚Â¿Ã‚Â¡ÃƒÂ¦Ã‚ÂÃ‚Â¯ÃƒÂ©Ã†â€™Ã‚Â½ÃƒÂ¥Ã…â€œÃ‚Â¨ÃƒÂ¨Ã‚Â¿Ã¢â€žÂ¢ÃƒÂ©Ã¢â‚¬Â¡Ã…â€™';
    position: absolute;
    top:-80px;
    font-size:14px;
    width:100px;
    right:0px;
    line-height:normal;
    border-radius:20px;
    background-color:#ffb400;
    color:#fff;
    padding:10px;
    opacity: 1;
}
.intelligent.open:after{
    content: '';
    border:10px solid transparent;
    border-top-color:#ffb400;
    position: absolute;
    top:-21px;
    right:15px;
    opacity:1;
} */

/*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾css*/
.hot-word-click {
    padding: 0;
}

.hot-word-click>li {
    display: inline-block;
    margin: 0 5px;
    color: #878787;
    font-size: 16px;
}

.hot-word-click>li>a {
    border-radius: 4px;
    /*background-color:#0069c5;*/
    color: #ffffff;
    padding: 4px 8px;
    font-size: 14px;
}

/****** ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬  *******/
.sx_img {
    background: url(../img/sx_img.png) no-repeat right;
}

.bg-blue {
    /*background: #3ca0dc!important;*/
    background: rgba(77, 159, 212, .1) !important;
    color: #444;
    border-color: rgba(77, 159, 212, .4) !important;
}

.bg-blue:hover {
    background: #3ca0dc !important;
    color: #fff !important;
}

.bg-green {
    /*background: #7eb247!important;*/
    background: rgba(142, 166, 91, .1) !important;
    color: #444;
    border-color: rgba(142, 166, 91, .4) !important;
}

.bg-green:hover {
    background: rgba(142, 166, 91, 1) !important;
    color: #fff !important;
}

.bg-red {
    background: rgba(244, 157, 64, .1) !important;
    /*background: #d05536!important;*/
    color: #444;
    border-color: rgba(244, 157, 64, .4) !important;
}

.bg-red:hover {
    background: rgba(244, 157, 64, 1) !important;
    color: #fff !important;
}

.bg-org {
    background: rgba(193, 103, 67, .1) !important;
    /*background: #ff9600!important;*/
    color: #444;
    border-color: rgba(193, 103, 67, .4) !important;
}

.bg-org:hover {
    background: rgba(193, 103, 67, 1) !important;
    color: #fff !important;
}

/* ccy 20190417*/

.app-blue {
    background: #005ebd;
}

.float-btn-group .app-blue {
    position: relative;
}

.float-btn-group .appline {
    position: absolute;
    right: 80px;
    bottom: 10px;
    max-width: none;
    width: 144px;
    height: auto;
}

.float-btn-group .appline button {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: none;
    z-index: 3;
    outline: none
}

.float-btn-group .app-blue:hover .appline {
    display: block;
}

.float-btn-group i.phone {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/public/assets/img/fixed-leftphone.png) no-repeat;
    background-size: 100%;
}

i.zhinengkefu {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/public/assets/img/zn.png)no-repeat;
    background-size: 100%;
}

.float-btn-group .btn-list li:hover ul {
    display: block;
}



/*---------------------index-------------------------------*/
@import "https://at.alicdn.com/t/font_178760_4x1r3p5avgr.css";

.card-area li .content-one ul.col-sm-4 {
    width: 100%;
}

.card-area li .content-one ul.col-sm-8 {
    display: none;
}

.card-area li.active .content-one ul li a {
    color: #4a4a4a;
    font-size: 17px;
}

.card-area li.active .content-one ul.col-sm-4 li a i {
    border: 1px #e0e0e0 solid;
    border-radius: 100%;
    color: #5e5e5e;
    padding: 15px 17px;
    font-size: 26px;
    font-weight: 500;
    margin-right: 0px;
}

.card-area li.active .content-one ul.col-sm-4 {
    width: 33.33333333%;
}

.card-area li.active .content-one ul.col-sm-4 li a p {
    margin-top: 20px;
}

.card-area li.active .content-one ul.col-sm-8 {
    display: block;
}

.card-area li.active .content-one ul.col-sm-8 li {
    margin: 0 2% 15px;
}

.card-area li.active .content-one ul.col-sm-8 li a {
    line-height: 30px;
    position: relative;
    background-color: #eaf2f7;
    text-align: left;
    padding-left: 9px;
    font-size: 17px;
    border-radius: 5px;
    color: #4a4a4a !important;
}

.card-area li.active .content-one ul.col-sm-8 li a i {
    position: absolute;
    top: 40px;
    right: 9px;
    font-size: 35px;
    margin-right: 0px;
}

.card-content {
    padding: 5px 15px;
}

.card-area li.active .content-two ul.col-sm-8 li a {
    line-height: 58px;
}

/*.card-area li.active .content-one ul.col-sm-8 li:nth-child(3) a i{
    top: 25px;
}*/
.card-area li.active .content-two ul.col-sm-8 li:nth-child(3) a i {
    top: 38px;
}

.card-area li.active .content-one ul.col-sm-4 li a:hover {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.card-area li.active .content-one ul.col-sm-4 li a:hover i {
    background-color: #00c1de;
    color: #fff;
}

.card-area .card-item .card .ywtb {
    position: absolute;
    top: 9px;
    left: -11px;
    display: none;
}

.card-area .card-item.active .card .ywtb {
    display: block;
}

.content-first ul li {
    float: left;
    width: 50%;
    padding: 0;
}

@media (max-width: 767px) {
    .card-area li.active .content-one ul.col-sm-4 {
        width: 100%;
    }

    .card-area li.active .content-one ul.col-sm-8 li a i {
        top: 25px !important;
    }

    .card-area li.active .content-one ul.col-sm-8 li {
        width: 100%;
    }
}

.card-area li.active .card-content li a {
    padding: 27px 0px;
}

.card-area li.active .active-zt li a {
    padding: 10px 0;
}

.card-area li .content-one ul.col-sm-4 a {
    padding: 23px 0px 0px;
}

.card-area li.active .content-one ul.col-sm-8 li a {
    line-height: 1.3;
}

.card-area li.active .content-two ul.col-sm-8 li a {
    line-height: 45px;
}

.card-area li.active .content-one ul.qyfw li a i {
    font-size: 30px
}

.card-area li.active .content-one ul.col-sm-4 li a i.zjbl {
    padding: 15px;
}

.card-area li.active .content-one ul.qyfw li:nth-child(3) a i,
.card-area li.active .content-one ul.qyfw li:nth-child(4) a i {
    top: 36px;
}

.card-area li.active .content-one ul.qyfw li:nth-child(3) a,
.card-area li.active .content-one ul.qyfw li:nth-child(4) a {
    line-height: 2.5;
}

.six-blocker,
.active-zt {
    padding-left: 0;
    overflow: hidden;
}

.six-blocker li a p {
    font-size: 14px;
    color: #676d70;
    margin-bottom: 0;
    line-height: 20px;
    margin-top: 8px;
    white-space: normal;
}

.six-blocker li {
    width: 33.33333% !important;
    height: 108px;
}

.six-blocker li a {
    padding: 13px 0;
}

.six-blocker li a i {
    text-align: center;
}

.six-blocker li:nth-child(3) a p {
    font-size: 12px;
}

.card-area li.active .six-blocker {
    display: none;
}

.active-zt li p {
    line-height: 25px;
    margin-top: 7px;
    margin-bottom: 0;
}

.active-zt li a i {
    border: 1px #e0e0e0 solid;
    border-radius: 100%;
    color: #5e5e5e;
    height: 62px;
    width: 62px;
    display: block;
    margin: 0 auto;
    line-height: 55px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
}

.active-zt li {
    width: 333.333%;
    border-bottom: none !important;
    text-align: center;
}

.active-zt {
    display: none;
}

.file-query {
    padding-bottom: 5px;
}

.card-area li.active .active-zt {
    display: block;
}

.zfxxgk-icon ul li {
    display: inline-block;
    width: 16.5%;
}

.zfxxgk-icon .btn-list {
    display: flex;
}

.zfxxgk-icon ul li a.circle-btn .btn {
    width: 45px;
    text-align: center;
    height: 45px;
    padding-left: 10px;
    background-color: #eee;
}

.zfxxgk-icon ul li a.circle-btn:hover .btn {
    background-color: #0069c5;
}

.zfxxgk-icon ul li a.circle-btn .btn i {
    font-size: 26px;
    line-height: 1.2;
    /*font-weight: 600;*/
}

.zfxxgk-icon ul li a.circle-btn:hover .btn i {
    color: #fff;
}

.zfxxgk-icon ul li a.circle-btn p {
    font-size: 13px;
    color: #666;
    margin-bottom: 2px;
}

.Article-title {
    font-size: 26px;
    padding: 0 5%;
    color: #5f5f5f;
}

.Article {
    padding: 20px 30px;
}

.embed-responsive-xxgk {
    padding-bottom: 505px;
}

.Slider-one .owl-controls .owl-nav {
    position: absolute;
    top: 42%;
    width: 100%;
    overflow: inherit;
    height: 0px;
}

/*-------------------------------------------------------------*/


#intelligent.open:before {
    content: 'ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€šÃ‚Â³ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â³Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â§Ãƒâ€¦Ã‚Â¡ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©Ãƒâ€ Ã¢â‚¬â„¢Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¿ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡Ãƒâ€¦Ã¢â‚¬â„¢';
    position: absolute;
    top: -80px;
    font-size: 14px;
    width: 100px;
    right: 0px;
    line-height: normal;
    border-radius: 20px;
    background-color: #ffb400;
    color: #fff;
    padding: 10px;
    opacity: 1;
}

#intelligent.open:after {
    content: '';
    border: 10px solid transparent;
    border-top-color: #ffb400;
    position: absolute;
    top: -21px;
    right: 15px;
    opacity: 1;
}







/* gcf 20190626*/
.Article-time span a {
    color: #999;
}

.zan {
    border: 1px #ddd solid;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 12px;
}

.zan i {
    font-size: 19px;
    margin-right: 8px;
}

#fl label {
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 5px;
}

#fl i {
    font-size: 20px;
}

.pane-dd {
    background-color: #f7f7f7;
    padding: 15px 20px;
    margin-top: 30px;
    border-radius: 3px;
    box-shadow: 5px 5px 5px #ddd;
}

.pane-dd .text-danger {
    color: #da4b31;
    border-bottom: 1px #ddd solid;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}

.pane-dd .text-danger i {
    margin-right: 10px;
    font-size: 20px;
}

.pane-dd .re-sliders .item h5 {
    font-size: 18px;
    font-weight: 600;
}

.pane-dd .re-sliders .item h5 a {
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.pane-dd .re-sliders .item p {
    word-break: break-all;
    color: #555;
    height: 71px;
    overflow: hidden;
    font-size: 16px;
}

.pane-dd .re-sliders .owl-controls .owl-nav {
    display: none;
}

.no-logo-left-two ul li a {
    width: 30%;
    float: left;
}

.no-logo-left .btn-list li .gz-right {
    width: 65%;
    float: left;
}

.no-logo-left .btn-list li .gz-right .btn {
    border-radius: 15px;
    width: auto;
    min-width: 100px;
    margin-bottom: 13px;
    box-shadow: none;
    padding: 5px 20px;
    margin-right: 10px;
}

.no-logo-left .btn-list li .gz-right a+a {
    margin-right: 0px !important;
}

.no-logo-left-two .btn-list li {
    border-bottom: 1px #e9e9e9 solid;
    margin: 15px;
    height: 90px;
    overflow: hidden;
}

.no-logo-left-two .btn-list li a,
.no-logo-left-two .btn-list li .btn {
    color: #0069c5;
    border-color: #0069c5;
}

.no-logo-left-two .btn-list li:first-child .btn:hover {
    background-color: #0069c5;
}

.no-logo-left-two .btn-list li a p {
    font-size: 18px;
    font-weight: 600;
}

.no-logo-left-two .btn-list li:nth-child(2) a,
.no-logo-left-two .btn-list li:nth-child(2) .btn {
    color: #64d28e;
    border-color: #daf1e0;
}

.no-logo-left-two .btn-list li:nth-child(2) .btn:hover {
    background-color: #64d28e;
}

.no-logo-left-two .btn-list li:nth-child(3) a,
.no-logo-left-two .btn-list li:nth-child(3) .btn {
    color: #1bcbe5;
    border-color: #c2e7f1;
}

.no-logo-left-two .btn-list li:nth-child(3) .btn:hover {
    background-color: #1bcbe5;
}

.no-logo-left-two .btn-list li:nth-child(1) a,
.no-logo-left-two .btn-list li:nth-child(1) .btn {
    color: #da4b31;
    border-color: #f9c1bc;
}

.no-logo-left-two .btn-list li:nth-child(1) .btn:hover {
    background-color: #da4b31;
}

.no-logo-left-two .btn-list li .btn:nth-child(2),
.no-logo-left-two .btn-list li .btn:nth-child(4) {
    margin-right: 10px;
}

.no-logo-left-two .btn-list li .btn:hover {
    color: #fff;
}

.no-logo-right-one ul li:first-child a {
    background: url("../img/no-logo1.png") no-repeat 100%;
}

.no-logo-right-one ul li:nth-child(2) a {
    background: url("../img/no-logo2.png") no-repeat 100%;
}

.no-logo-right-one ul li:nth-child(3) a {
    background: url("../img/no-logo3.png") no-repeat 100%;
}

.no-logo-right-one ul li:nth-child(4) a {
    background: url("../img/no-logo4.png") no-repeat 100%;
}

.no-logo-right-one ul li {
    padding: 0 5px !important;
}

.no-logo-right-one ul li a {
    color: #fff;
    padding: 15px 10px;
    border: 0;
}

.no-logo-right-one ul li a:hover {
    color: #fff;
}

.no-logo-right-one ul li a p {
    font-size: 16px;
    line-height: 1;
    text-align: left;
    margin-bottom: 10px;
}

.no-logo-right-one ul li a i {
    background-color: #fff;
    padding: 4px 5px;
    border-radius: 100%;
}

.text-zi {
    color: #8b6dce;
}

.no-logo-right-one ul li a span {
    font-size: 30px;
    line-height: 1;
}

.no-logo-right-two {
    padding: 15px;
}

.no-logo-right-two ul li {
    float: left;
    width: 20%;
    padding: 0 5px !important;
    margin: 11px 0 !important;
    text-align: center;
    line-height: 3.2;
}

.no-logo-right-two ul li a {
    border: 1px solid #b2d6f3;
    color: #1482da;
    border-radius: 3px;
    font-weight: 500;
    text-align: center !important;
    padding: 0px 5px;
    font-size: 15px
}

.no-logo-right-two ul li a:hover {
    background-color: #1482da;
    color: #fff;
}

.no-logo-right-two ul li a i {
    font-size: 20px;
    float: right;
    line-height: 1.8;
    margin-right: 15px;
    margin-top: 8px;
}

.no-logo-right-three ul {
    background-color: transparent;
}

.no-logo-right-three>ul>li>a {
    font-size: 18px;
    margin-right: 10px;
    padding: 5px 15px;
    border-radius: 5px;
    color: #666;
}

.no-logo-right-three ul>span {
    font-size: 17px;
}

.no-logo-right-four ul li {
    margin-bottom: 20px;
}

.no-logo-right-four ul li .div {
    background-color: #fff;
    padding: 15px;
    height: 167px;
    position: relative;
    overflow: hidden;
}

.no-logo-right-four ul li>a:hover {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6);
}

.no-logo-right-four ul li .div>a:hover {
    background-color: transparent;
}

.no-logo-right-four ul li a h4 {
    color: #444;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
}

.no-logo-right-four ul li .div:hover {
    box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.no-logo-right-four ul li .div>span {
    font-size: 12px;
    border: 1px #1482da solid;
    padding: 2px 6px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 7px;
    color: #1482da;
    border-radius: 3px;
    display: inline-block;
}

.no-logo-right-four ul li p {
    margin: 5px 0;
    margin-bottom: 5px;
    color: #999;
}

.no-logo-right-four ul li .div p.date i {
    font-size: 14px;
    margin-right: 10px;
}

.no-logo-right-four ul li>a.no-like {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.no-logo-right-four ul li>a:hover.no-like {
    background-color: #88ade1;
    color: #fff;
    border-radius: 3px;
    padding: 3px 5px;
    width: 90px;
}

.no-logo-right-four ul li>a:hover.no-like i {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 2px;
    width: 9%;
}

.no-logo-right-four ul li>a:hover.no-like small {
    display: block !important;
    width: 73%;
    float: left;
    text-align: center;
}

.no-logo-right-four ul li .div p.articl {
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}

.gz {
    margin: 30px auto;
}

.gz:before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 74%;
    margin-top: -5px;
}

.gz span {
    display: inline-block;
    position: relative;
    background: #f1f1f1;
    padding: 0px 15px;
    /*color: #666;*/
}

.no-logo-left .btn-list li:last-child {
    border-bottom: none;
}

.white {
    background-color: #fff !important;
}

.follow-left ul {
    background-color: #fff;
    border: 1px #ddd solid;
}

.follow-left ul li {
    float: none;
    margin-left: 0px;
    line-height: 2.5;
    display: block;
}

.follow-left ul li>a {
    color: #666;
    text-align: center;
    font-size: 16px;
}

.follow-left ul>li.active>a,
.follow-left ul>li>a:hover,
.follow-left ul>li.active>a:focus,
.follow-left ul>li.active>a:hover {
    background-color: #f1f1f1;
    color: #1482da;
    border-left: 4px #1482da solid;
}

.follow-right .page-header-1 h4 {
    padding-left: 0px !important;
}

.dg-left .page-header-1 h4 a,
.Collection-left .page-header-1 h4 a,
.follow-right .page-header-1 h4 a {
    border-left: 3px #1482da solid !important;
    padding-left: 10px !important;
    color: #555;
}

.follow-right ul>li {
    float: left;
    min-width: 17%;
    padding: 0px 15px;
    margin-bottom: 10px;
}

.follow-right ul>li a {
    border: 1px #ddd solid;
    padding: 8px 15px;
    border-radius: 20px;
    color: #555;
    cursor: pointer;
}

.follow-right ul>li a i {
    float: right;
    line-height: 1.5;
    margin-left: 10px;
}

.follow-right ul>li.active a {
    background-color: #f9f9f9;
}

.follow-right ul>li.active a {
    color: #1482da;
}

.follow-right ul>li a i:first-child {
    display: none;
}

.follow-right ul>li.active a i:last-child {
    display: none;
}

.follow-right ul>li.active a i:first-child {
    display: block;
}

.zan-div .zan {
    color: #666;
}

#f2 label {
    color: #666;
}

.pane-ddd p {
    color: #666;
    font-size: 16px;
}

.pane-ddd p i {
    margin-right: 10px;
    font-size: 20px;
}

.pane-ddd .item {}

.pane-ddd .item a h5 {
    font-size: 18px;
    color: #555;
    margin-bottom: 15px;
    font-weight: 600;
}

.heaeder-bottom {
    background: url("../img/Collection.png") center 100% no-repeat;
    height: 180px;
}

.heaeder-bottom ul.picTextList>li {
    margin-top: 40px;
}

.heaeder-bottom ul li a:hover {
    background-color: transparent;
}

.heaeder-bottom ul li.heaeder-bottom-left>i {
    background-color: #fff;
    padding: 30px 0px;
    font-size: 26px;
    border-radius: 100%;
}

.heaeder-bottom ul li.heaeder-bottom-left .heaeder-bottom-right {
    margin-top: 10px;
}

.heaeder-bottom ul li.heaeder-bottom-left .heaeder-bottom-right a p {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bolder;
}

.heaeder-bottom ul li.heaeder-bottom-left .heaeder-bottom-right a p i {
    color: #fff;
    font-weight: 500;
    margin-left: 5px;
}

.heaeder-bottom ul li.heaeder-bottom-left .heaeder-bottom-right>p {
    color: #666;
}

.heaeder-bottom-right ul li a p {
    line-height: 1;
    text-align: center;
    color: #666;
}

.heaeder-bottom-right ul li a p:first-child {
    font-size: 32px;
    color: #1475ca;
}

.heaeder-bottom-right ul li:nth-child(2) {
    border-right: 1px #fff solid;
}

.heaeder-bottom-right ul li a p i {
    font-size: 12px;
    color: #fff;
    background-color: red;
    padding: 1px 3px;
    border-radius: 100%;
    position: absolute;
}

.margin-left-70 {
    margin-left: 70px;
}

.margin-right-70 {
    margin-right: 70px;
}

.Collection-left>p {
    background-color: #f1f1f1;
    padding: 7px 0px;
}

.Collection-right ul.btn-list {
    margin-top: 20px;
}

.Collection-right ul.btn-list li {
    padding: 0px 15px;
    margin-bottom: 15px;
}

.Collection-right ul.btn-list li a {
    font-size: 16px;
    padding: 10px 0px;
}

.dg-left .page-header-1 h3 a,
.Collection-left .page-header-1 h3 a {
    color: #1475ca;
    font-size: 20px;
    border-left: #1475ca 3px solid !important;
    padding-left: 7px !important;
}

.Collection-right .panel-title1 {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.Collection-right ul.btn-list li:nth-child(1) a {
    background-color: #2daff7;
}

ul.btnicon-lg li.dg-bottom-left i.iconfont {
    font-size: 20px;
    color: #1475ca;
    font-weight: bolder;
}

ul.btnicon-lg li.dg-bottom-left .btn {
    border: none;
    box-shadow: none;
    border-radius: 100%;
    padding: 18px 12px;
    margin-top: 20px;
}

ul.btnicon-lg li.dg-bottom-left p {
    font-size: 20px;
    color: #1475ca;
    font-weight: bolder;
    margin-top: 5px;
}

ul.btnicon-lg li.dg-bottom-left p.fs {
    color: #666 !important;
    font-size: 14px;
    font-weight: normal;
}

ul.btnicon-lg li.dg-bottom-left>span a {
    position: absolute;
    left: 53%;
    bottom: 9px;
    border: 1px #1475ca solid;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: 600;
}

ul.btnicon-lg li.dg-bottom-left>span a:hover {
    background-color: #1475ca;
    color: #fff;
}

.dg-left ul li {
    background: none;
    padding-bottom: 20px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.dg-left ul.nowrapli li a {
    font-size: 14px;
}

.dg-left ul.nowrapli li a:hover {
    box-shadow: none;
}

.dg-left ul li p .lx {
    border: 1px #ddd solid;
    padding: 0px 3px;
}

.dg-right .dg-ul .page-header-1 h4 a {
    width: auto;
    border-left: 3px #1482da solid !important;
    padding-left: 10px !important;
    color: #555;
    font-size: 16px;
}

.dg-right .dg-ul ul {
    margin-left: 15px;
}

.dg-right .dg-ul ul li {
    margin-bottom: 10px;
}

.dg-right .dg-ul ul li a {
    border: 1px #c3e3fc solid;
    padding: 5px 15px;
    border-radius: 20px;
    color: #1482da;
    text-align: center;
}

.dg-ul:before {
    content: '';
    height: 100%;
    width: 1px;
    background-color: #e7e7e7;
    position: absolute;
    left: 4%;
    top: 20%;
}

.dg-ul .page-header-1 {
    margin: 0px 0 10px;
}

.dg-ul .page-header-1 h4 {
    padding: 0px 13px;
    margin-top: 12px !important;
}

.heaeder-bottom ul.picTextList>li .btn-lg {
    border-radius: 100%;
    height: 80px;
    line-height: 2.7;
}

.logo-top ul.nav-tabs.nav-line>li>a {
    font-size: 24px;
    color: #666;
    border: none;
}

.logo-top ul.nav-tabs.nav-line>li>a:focus,
.logo-top ul.nav-tabs.nav-line>li>a:hover {
    background-color: #fff;
}

.logo-top ul.nav-tabs.nav-line>li.active>a {
    color: #0069c5;
    font-weight: normal;
    border-bottom: 2px solid #0069c5;
}

.logo-top ul li p {
    font-size: 14px;
    color: #666;
    font-weight: normal;
    text-align: center;
}

.logo-top ul li p span a img {
    width: 23px;
    height: auto;
}

.logo-top ul li p span:last-child a img {
    width: 20px;
}

.logo-top ul li p span a {
    font-size: 12px;
    color: #666;
}

.logo-top {
    min-height: 500px;
}

.h3-noborder h3 {
    font-weight: 600;
    font-size: 20px;
}

.no-logo-left ul.btnicon-lg li a p {
    color: #777;
}

.Collection-left .uli14 li {
    background: none;
    padding-left: 0px;
    line-height: 2;
}

.Collection-left .uli14 li.active-border {
    border-bottom: 1px #ddd dashed;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.Collection-left .uli14 li a span {
    color: #0269c5;
    border: 1px #0269c5 solid;
    font-size: 12px;
    padding: 0px 5px;
    margin-right: 10px;
    font-weight: 600;
}

.Collection-left>p span {
    color: #666;
}

.h3-noborder {
    border-bottom: 1px #e9e9e9 solid;
}

.h3-noborder h3 {
    margin-bottom: 15px;
}

.pt-gj ul.nowrapli li a {
    width: 95%;
}

/********************jsÃƒÆ’Ã‚Â§Ãƒâ€¦Ã‚Â¡ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ css*************************/
.fl {
    float: left;
}

.wrapper {
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

.wrapper p {
    padding-top: 150px;
    line-height: 27px;
    color: #999;
    font-size: 14px;
    text-align: center;
}

.tagcloud {
    position: relative;
    min-height: 100% !important;
    min-width: 100% !important;
    margin-top: 20px
}

.tagcloud a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 11px 30px;
    color: #333;
    font-size: 16px;
    border: 2px solid #e6e7e8;
    border-radius: 18px;
    background-color: #fff;
    text-decoration: none;
    white-space: nowrap;
    -o-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
    -ms-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
    -moz-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
    -webkit-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
    box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";
    /*ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â¹ie7/8*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);
    /*strengthÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¤Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â°Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼Ãƒâ€¦Ã¢â‚¬â„¢directionÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€šÃ‚ÂºÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€šÃ‚ÂºÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â´Ãƒâ€¦Ã‚Â¸ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼Ãƒâ€¦Ã¢â‚¬â„¢colorÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¢Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¨ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°Ãƒâ€šÃ‚Â² ÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼Ãƒâ€¹Ã¢â‚¬ ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â°Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€šÃ‚Â¨IEÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â»Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€¦Ã‚Â½Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â­Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â©Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â§Ãƒâ€¦Ã‚Â¡ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â­Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¿ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â´ ÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â´ ÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¾ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â¤Ãƒâ€šÃ‚ÂºÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼Ãƒâ€¹Ã¢â‚¬ blockÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“inline-block;ÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°*/
    font-weight: bolder;
}

.tagcloud a:hover {
    color: #3385cf;
}

/* ÃƒÆ’Ã‚Â¥Ãƒâ€¹Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¡Ãƒâ€šÃ‚Âµ*/
.pagination {
    /*display: block;*/
    text-align: center;
    margin: 0;
}

/*ÃƒÂ¥Ã‹â€ Ã¢â‚¬ ÃƒÂ©Ã‚Â¡Ã‚ÂµÃƒÂ¦ Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚ÂÃƒÂ¦Ã‚Â³Ã‚Â¨ÃƒÂ©Ã¢â‚¬Â¡Ã… */
/* .whj_jqueryPaginationCss-1 { */
/* display: inline-block; */
/* } */
/* .whj_jqueryPaginationCss-1>div, .whj_jqueryPaginationCss-1>input { */
/* float: left; */
/* border: 1px solid #94DBFF!important; */
/* margin-left: -1px; */
/* } */
/* .whj_jqueryPaginationCss-1>div { */
/* line-height: 34px; */
/* padding: 0 12px; */
/* color: #2ba2de; */
/* cursor: pointer; */
/* } */
/* .whj_jqueryPaginationCss-1>div:first-child { */
/* border-top-left-radius: 4px; */
/* border-bottom-left-radius: 4px; */
/* } */
/* .whj_jqueryPaginationCss-1>div.whj_checked { */
/* background: #2ba2de; */
/* color: #fff; */
/* } */
/* .whj_jqueryPaginationCss-1>input { */
/* max-width: 45px; */
/* line-height: 24px!important; */
/* } */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 1px solid #ddd;
}

.panel>.table-responsive {
    padding: 15px;
}

div.circle-btn .btn {
    border-radius: 100%;
}

.icon-biaoqian1:before {
    content: "\e702";
}

div.fl i {
    font-size: 20px;
}

#weibo_pos img {
    display: inline-block;
}

.Article_content {
    padding: 30px 0 0 0;
}

.panel-heading .intelligent {
    position: absolute;
    right: 23px;
    top: 12px;
    padding: 4px;
    border-radius: 3px;
    cursor: pointer;
    display: none;
}

.fg {
    padding: 10px 0;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
}

.btn-info {
    padding-left: 12px !important;
    color: #fff;
}

.btn-blue {
    color: #fff;
    background-color: #005ebd;
    border-color: #005ebd;
}

.text-blue {
    color: #005ebd !important;
}

.btn-red {
    color: #fff;
    background-color: #e32428;
    border-color: #e32428;
}

.text-red {
    color: #e32428 !important;
}

.btn-qlan {
    color: #fff;
    background-color: #00b9db;
    border-color: #00b9db;
}

.text-qlan {
    color: #00b9db !important;
}

.yearbook {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.link-floatnav-service {
    display: block;
    width: 65px;
    background: url(/public/assets/img/xiaolong.png) no-repeat center bottom;
    background-size: 100% 100%;
    height: 82px;
    font-size: 12px;
    color: #000 !important;
    overflow: initial;
    border-radius: 0px;
    padding-top: 45px;
    text-align: center;
    box-shadow: none;
    left: -10px;
}

.city-service-list .btn:hover,
.city-service-list .btn:focus {
    color: #fff !important;
}

.click-more {
    font-size: 16px;
    float: right;
    padding-bottom: 7px;
    color: #999;
}

.nav-jz li {
    width: 24.8% !important;
    text-align: center;
}

.industry-bock {
    font-size: 20px;
    background: url(../img/cy01.png) no-repeat;
    height: 80px;
    border-radius: 5px;
    padding-top: 20px;
    padding-left: 29px;
    color: #fff;
    margin-bottom: 15px;
}

.industry-bock i {
    margin-right: 18px;
}

.industry-menu li {
    float: left;
    width: 50%;
}

.industry-menu li:nth-child(2) .industry-bock {
    background: url(../img/cy02.png) no-repeat;
}

.industry-menu li:nth-child(3) .industry-bock {
    background: url(../img/cy03.png) no-repeat;
}

.industry-menu li:nth-child(4) .industry-bock {
    background: url(../img/cy04.png) no-repeat;
}

.industry-menu {
    margin-bottom: 30px;
}

.data-pt {
    margin-top: 15px;
}

.data-pt a {
    background-color: #fff;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    margin-top: 0px;
    display: block;
    margin-bottom: 15px;
    width: 47%;
    float: left;
}

.data-pt a:nth-child(1) {
    margin-right: 3%;
}

.data-pt a:nth-child(2) {
    margin-left: 3%;
}

.data-pt a img {
    padding-right: 20px;
}

.news-tab .uli14 li {
    padding: 9px 0 9px 15px;
}

.margintop35 {
    margin-top: 9px;
    padding-bottom: 5px;
}

.margintop35 .owl-dots {
    display: block !important;
}

.margintop35 .owl-dots .owl-dot span {
    width: 23px;
    height: 8px;
    background: #e0e0e0;
    border-radius: 25px;
}

.margintop35 .owl-dots .active span {
    background: #0069c1 !important;
}

.margintop35 .owl-nav {
    display: none !important;
}

.margintop35 .owl-controls {
    margin-top: -15px;
    z-index: 9;
    position: relative;
}

.one-tb span {
    color: #5c6268;
    font-weight: bold;
    left: 25px;
    top: 3px;
    position: relative;
    font-size: 22px;
}

.one-tb span img {
    position: relative;
    top: -2px;
}

.one-tb-list li span {
    font-size: 22px;
    color: #0074cc;
    font-weight: bold;
}

.one-tb-list li {
    float: left;
    padding-left: 36px;
    padding-right: 43px;
    position: relative;
}

.one-tb-list {
    padding: 0;
    overflow: hidden;
    margin-bottom: 0;
}

.one-tb-list li p {
    margin-bottom: 0;
    font-size: 16px;
    color: #717171;
}

.one-tb-list li:first-child {
    padding-left: 0;
}

.one-tb-list li:after {
    content: '';
    height: 32px;
    width: 1px;
    display: block;
    background-color: #d9dadb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.one-tb {
    margin-bottom: 42px;
}

.one-tb-list li:last-child:after {
    display: none;
}

ul.list-date li span.time {
    width: auto;
}

.zmfw-title {
    margin-top: -35px !important;
    float: right;
}

.Slider-one .owl-controls .owl-nav .owl-prev,
.Slider-one .owl-controls .owl-next {
    display: block !important;
}

.panel-last-body {
    padding: 10px 20px;
}

.panel-last-body h4 {
    color: #0069c5;
    font-size: 24px;
    font-weight: bold;
}

.panel-last-body ul {
    -webkit-padding-start: 0;
}

.panel-last-body ul li {
    margin-bottom: 3px;
}

.panel-last-body .text-red {
    color: red;
}

.panel-last-body p {
    font-size: 24px;
    color: #666;
}

.btn-white-list {
    padding-inline-start: 0px;
}

.btn-white-list li {
    margin: 22px 0;
}

.btn-white-list li a {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 18px 0;
    display: block;
    text-align: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-white-list li a i {
    margin-right: 10px;
    font-size: 24px;
    font-weight: bold;
}

.btn-white-list li a span {
    color: #444;
}

.lx-btn {
    display: block;
    padding: 6px 12px;
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    line-height: 70px;
    background: url(../img/lx.png) no-repeat;
    font-size: 24px;
    color: #fff;
    letter-spacing: 3px;
    text-align: center;
}

.answers1 {
    margin-top: 10px;
}

.answers1 ul {
    display: flex;
    justify-content: space-between;
    padding-inline-start: 0px;
    text-align: center\9;
    overflow: hidden\9;
}

.answers1 .zx-list-ico {
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.bg-list li {
    float: left;
}

.answers1 ul li {
    width: 30%\9;
    display: inline-block\9;
}

.answers1 .zx-list-ico i {
    color: #0069c5;
    margin-right: 10px;
    font-size: 16px;
}

.section-title1 {
    margin: 0 0 5px;
}

.header-zw .header-top {
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.header-zw .header-menu {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 10px 0 20px;
    margin-bottom: 10px\9;
    background: #1A7DD5;
    z-index: 99999 !important;
}

.header-zw .navbar .navbar-header {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.header-zw .top-right {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    float: right;
}

.header-zw .navbar-header {
    /* display: flex; */
    align-items: center;
    width: 100%;
    padding: 20px 0;
}

.header-zw .top-right a {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 30px;
    position: relative;
    font-size: 14px;
    /*ÃƒÂ¦Ã¢â‚¬â€œÃ‚Â°ÃƒÂ¥Ã‚Â¢Ã…Â¾ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â³ÃƒÂ¦Ã¢â€šÂ¬Ã¢â€šÂ¬ÃƒÂ§Ã¢â‚¬Â°Ã‹â€ ÃƒÂ¤Ã‚Â»Ã‚Â£ÃƒÂ§ Ã‚ÂÃƒÂ¦Ã¢â‚¬â€œÃ‚Â°ÃƒÂ¥Ã‚Â¢Ã…Â¾ÃƒÂ¦ Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/
    font-weight: 500;
    letter-spacing: 0px;
}

.iphone-div a {
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    color: #005ebd;
    text-align: center;
    font-weight: bold;
    border: 1px solid #005ebd;
}

.float-btn-group .btn-list li .language {
    left: -85px;
}

.wechat img {
    width: 80px !important;
}

.float-btn-group .btn-list li ul::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: rotate(138deg);
    -ms-transform: rotate(138deg);
    transform: rotate(138deg);
    display: block;
    position: absolute;
    right: -5px;
    top: 38px;
}

.header-zw .top-right a i {
    margin-bottom: 5px;
    font-size: 19px;
}

.header-zw .top-right a.zh_click {
    font-family: "iconfont" !important;
}

.header-zw .top-right a.zh_click:before {
    content: "\e74f";
    font-size: 19px;
    line-height: 24px;
}

.header-zw .top-right a:hover {}

.header-zw .top-right a:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    background: rgba(255, 255, 255, .18);
    height: 28px;
    right: 0;
    top: 4px;
}

.header-zw .top-right a:last-child:after {
    display: none;
}

.header-zw .navbar-brand {
    height: auto;
    float: left;
    padding: 0px;
}

.header-zw .navbar-brand>img {
    max-width: 378px;
    margin-bottom: 10px\9;
}

.header-zw .navbar {
    margin-bottom: 0;
}

.main-zw .doc-list {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.main-zw .doc-list,
.header-zw .search-cont {
    position: relative;
}

.main-zw .doc-list .dropdown,
.header-zw .search-cont .dropdown {
    /*position: inherit;*/
    /*top: 100%;/*/
}

.main-zw .doc-list .dropdown-menu,
.header-zw .search-cont .dropdown-menu {
    width: 600px;
    overflow: hidden;
    border: 1px solid #1A7DD5;
    border-radius: 0;
    background: #F0F6FF;
}

.main-zw .doc-list .dropdown-menu li,
.header-zw .search-cont .dropdown-menu li {
    width: 33.33%;
    float: left;
}

.main-zw .doc-list .dropdown-menu li a:hover,
.header-zw .search-cont .dropdown-menu li a:hover {
    background: none;
    color: #1A7DD5
}

#header {
    background-color: #1A7DD5;
}

.header-zw .header-menu ul {
    display: flex;
    align-items: center;
    float: right\9;
    text-align: center\9;
    display: block\9;
    margin: 10px 0;
    justify-content: space-around;
    padding-left: 0px !important;
}

.header-zw .header-menu ul li {
    float: left\9;
    display: inline-block\9;
}

.header-zw .header-menu ul li a {
    color: #fff;
    padding: 10px 20px;
    font-size: 21px;
    /*16px*/
    position: relative;
    letter-spacing: 5px;
    font-weight: 600;
}

.header-zw .header-menu ul li.active a:after,
.header-zw .header-menu ul li a:hover:after {
    content: '\e908';
    font-family: iconfont;
    position: absolute;
    bottom: -16px;
    left: 50%;
    border-radius: 50px;
    transform: rotate(-180deg);
    margin-left: -18px;
    /*-8px*/
}

.header-zw .search-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F0F6FF;
    box-shadow: 0px 7px 13px -3px rgba(169, 190, 209, 0.5);
    border-radius: 8px;
    padding: 16px 26px;
    margin-bottom: -40px;
}

.header-zw .search-cont h4 {
    font-size: 24px;
    color: #1A7DD5;
    font-weight: bold;
    margin-right: 10px;
}

.header-zw .search-key,
.search-inner {
    flex: 1;
}

.header-zw .search-cont .search-key {
    display: flex;
    align-items: center;
}

.header-zw .search-cont .keys {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-around;
    margin-bottom: 0px;
    padding-left: 0px;
}

.header-zw .search-cont .keys li {
    font-size: 18px;
}

.header-zw .search-cont .keys li a {
    color: #595b5d;
}

.header-zw .search-cont .search-inner input,
.search-cont .search-inner .btn {
    height: 49px;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.header-zw .search-cont .search-inner input {
    padding-left: 50px;
}

.header-zw .search-cont .search-inner input::placeholder {
    color: #7A89AC;
}

/*.search-cont .search-inner{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
   }
*/
.header-zw .search-cont .search-inner {
    width: 100%;
}

.header-zw .search-cont .search-inner form {
    display: flex;
    align-items: center;
    position: relative;
}

.header-zw .search-cont .zw-form {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 30px;
    position: relative;
}

/*.search-cont .search-inner i{
    position: absolute;
    left:54px;
    top:50%;
    transform: translate(0,-50%);

}*/
.header-zw .search-cont .search-inner i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
}

.main-zw {
    /* padding-top: 50px; */
}

.main-zw .doc-list {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    padding-top: 31px;
}

.main-zw .doc-list h4 {
    font-size: 24px;
    color: #48546C;
    font-weight: bold;
}

.main-zw .doc-list .doc-link {
    flex: 1;
    margin-left: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    padding-left: 0px;
}

.main-zw .doc-list .doc-link li {
    font-size: 20px;
    color: #7384A4
}

.main-zw .doc-list .doc-link li a {
    color: #595b5d;
}

ul.nowrapli.nowrapli-sm li {
    padding: 5px 0;
    list-style-type: square;
    background-image: none;
}

.main-zw .jcgk-cont {
    display: flex;
    flex: 1;
}

.main-zw .j-left {
    flex: 1;
    background: #2998F1;
    color: #fff;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: center;
}

.main-zw .j-left i {
    width: 80px;
    display: block;
    background: #fff;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50px;
    color: #2998F1;
    font-size: 30px;
}

.main-zw .j-left span {
    font-size: 20px;
    margin-top: 10px;
}

.main-zw .j-right {
    background: #F0F6FF;
    display: flex;
    height: 200px;
    flex-wrap: wrap;
    flex: 1;
    padding: 20px 0;
    align-items: center;
}

.main-zw .j-right li {
    width: 50%;
}

.main-zw .j-right li a {
    padding-left: 20px;
    box-sizing: border-box;
    display: block;
    color: #7384A4;
    font-size: 14px;
    position: relative;
}

.main-zw .j-right li a:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #7384A4;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.main-zw .j-right li a:hover {
    color: #2998F1;
}

.main-zw .icon-list {
    display: flex;
    /* align-items: center;*/
    justify-content: space-between;
    padding-left: 0px;
}

.main-zw .icon-list>li {
    padding: 0 8px;
    flex: 1;
    display: flex;
    /*overflow: hidden;*/
}

.main-zw .icon-list-c li {
    flex: none;
}

.main-zw .icon-list>li:last-child {
    padding-right: 0;
}

.main-zw .icon-list>li:first-child {
    padding-left: 0;
}

.main-zw .icon-list>li .j-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 200px;
    background: #F0F6FF;
    justify-content: center;
    cursor: pointer;
}

.main-zw .icon-list>li a i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #2998F1;
    color: #fff;
    font-size: 30px;
    border-radius: 50px;
}

.main-zw .icon-list>li a {
    flex: 1;
}

.main-zw .icon-list>li a span {
    text-align: center;
    color: #4F4F4F;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
}

.main-zw .icon-list-lg>li:hover {
    flex: 2;
    transition: .1s;
}

.main-zw .icon-list-lg>li:hover .j-left {
    background: #2998F1;
    color: #fff;
    width: 180px;
}

.main-zw .icon-list-lg>li:hover i {
    background: #fff;
    color: #2998F1
}

.main-zw .icon-list-lg>li:hover span {
    color: #fff;
}

.main-zw .icon-list-lg>li .j-right {
    display: none;
    transition: .3s;
}

.main-zw .icon-list-lg>li:hover .j-right {
    display: flex;
}

.main-zw .tab-box {
    border: 1px solid #D1D9E0;
    height: 273px;
}

.main-zw .tab-box .nav-tabs {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D1D9E0;
}

.main-zw .tab-box .nav-tabs>li {
    margin-bottom: 0;
}

.main-zw .tab-box .nav-tabs li {
    flex: 1;
    text-align: center;
    background: #F0F6FF;
    font-size: 22px;
    color: #4F4F4F;
    font-weight: bold;
}

.main-zw .tab-box .nav-tabs li:first-child {
    border-right: 1px solid #D1D9E0;
}

.main-zw .uli12 li,
.main-zw .uli14 li {
    line-height: 2.0;
}

.main-zw .ysqgk-cont {
    display: flex;
}

.main-zw .y-left {
    flex: 1;
    height: 273px;
    overflow: hidden;
}

.main-zw .y-left img {
    width: 100%;
}

.main-zw .y-icon-list {
    flex: 1;
    height: 273px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-left: 16px;
}

.main-zw .y-icon-list li {
    width: 100%;
    flex: 1;
    padding-top: 16px;
}

.main-zw .y-icon-list li:first-child {
    padding-top: 0;
}

.main-zw .y-icon-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #78D7D0;
    padding: 12px 10px;
    color: #fff;
    font-size: 22px;
}

.main-zw .y-icon-list {
    background: #F0F6FF;
}

.main-zw .y-icon-list li a:hover {
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.main-zw .y-icon-list li a i {
    font-size: 30px;
    margin-right: 10px;
}

.main-zw .icon-list-line li a {
    height: auto;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-zw .y-icon-list li:nth-child(odd) a {
    background: #2AA4EB;
}

.main-zw .icon-list-line {
    background: #F0F6FF;
    padding: 0 15px;
}

.main-zw .icon-list-line li a:hover {
    background: #2998F1;
}

.main-zw .icon-list-line li a:hover span {
    color: #fff;
}

.main-zw .icon-list-line li a i {
    border: 1px solid #2998F1;
    background: #DFF1FF;
    color: #2998F1;
    width: 44px;
    height: 44px;
    font-size: 20px;
    line-height: 44px;
}

.main-zw .icon-list-line li a span {
    font-size: 16px;
    color: #7A89AC;
}

.main-zw .sliders1 img {
    width: 270px;
    height: 166px;
    object-fit: cover;
    border-radius: 6px;
}

.main-zw .sliders1 .owl-nav {
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
}

.main-zw .sliders1 .owl-dots {
    display: none !important;
}

.main-zw .sliders1 .owl-controls .owl-nav [class*=owl-] {
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 20px;
    position: absolute;
}

.main-zw .sliders1 .owl-controls .owl-prev {
    left: 0;
}

.main-zw .sliders1 .owl-controls .owl-next {
    right: 0;
}

.main-zw .title-01 {
    margin: 20px 0;
    font-size: 26px;
    color: #393A3F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.main-zw .title-01 .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 12px;
}

.main-zw .title-01 .more i {
    font-size: 12px;
}

.main-zw .title-03 {
    margin: 20px 0;
    font-size: 26px;
    color: #393A3F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 14px;
}

.main-zw .title-03 h2 {
    font-size: 20px;
    margin: 0;
}

.main-zw .title-03 .more {
    font-size: 14px;
    color: #2AA4EB;
}


/*ÃƒÂ©Ã¢â‚¬Â¡Ã‚ÂÃƒÂ§Ã¢â‚¬Å¡Ã‚Â¹ÃƒÂ©Ã‚Â¢Ã¢â‚¬ ÃƒÂ¥Ã…Â¸Ã…Â¸*/
.main-zw .breadcrumb {
    background: none;
}

.main-zw .banner img {
    width: 100%;
}

.main-zw .xiangmu {
    background: #F0F6FF;
    padding: 14px;
    border-radius: 8px;
}

.main-zw .title-02 {
    font-size: 20px;
    color: #393A3F;
    background: url("../images/icon.png") no-repeat left top;
    background-size: 12px 12px;
    padding-left: 20px;
    margin-left: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.main-zw .zdxx-cont {
    background: #F0F6FF;
}

.main-zw .blue-bg .main-zw .title-01 {
    margin-bottom: 10px;
}

.main-zw .zc-box .main-zw .title-01 {
    margin-left: 10px;
}

.main-zw .zdxx-cont img {
    width: 100%;
}

.main-zw .blue-bg {
    background: #F0F6FF;
    padding: 1px 16px 16px;
}

.main-zw .zc-box {
    border: 1px solid rgba(209, 217, 224, 0.52);
    padding: 0 16px 0;
}

.main-zw ul.PicList li img {
    width: 100%;
}

.main-zw ul.PicList li p.title {
    border-left: 0;
    padding-left: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.main-zw .tab-wj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    background: #1A7DD5;
    line-height: 56px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.main-zw .nav-tabs.tab-wj>li>a,
.main-zw .nav-tabs.tab-wj>li>a:focus,
.main-zw .nav-tabs.tab-wj>li>a:hover {
    border: 0;
    border-radius: 0;
    background: none;
}

.main-zw .nav-tabs.tab-wj>li.active>a,
.main-zw .nav-tabs.tab-wj>li.active>a:focus,
.main-zw .nav-tabs.tab-wj>li.active>a:hover {
    color: #1A7DD5;
    height: 72px;
    background: #FFFFFF;
    line-height: 55px;
    box-shadow: 0px 2px 12px -1px rgba(68, 127, 151, 0.23);
}

.main-zw .tab-wj li {
    flex: 1;
}

.main-zw .tab-wj li a {
    color: #fff;
    font-size: 18px;
}

ul.nowrapli.nowrapli-sm {
    padding-left: 25px !important;
}

.main-zw .menu {
    background: #F0F6FF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
}

.main-zw .menu li {
    width: 100%;
}

.main-zw .menu li a {
    color: #1A6DB7;
    padding: 16px 0;
    display: block;
    text-align: center;
}

.main-zw .menu li a:hover,
.main-zw .menu li.active a {
    background: #1A7DD5;
    box-shadow: 0px 2px 12px -1px rgba(68, 127, 151, 0.23);
    color: #fff;
    margin-left: -10px;
    margin-right: -10px;
}

.main-zw .caret {
    color: #7384A4;
    font-size: 20px;
}

.main-zw .dropdown-menu>li>a {
    font-size: 14px;
    padding: 10px 14px;
}

.main-zw .owl-controls .owl-nav .owl-prev:before {
    content: '\e906';
}

.main-zw .owl-controls .owl-nav .owl-next:before {
    content: '\e775';
}

.main-zw ul.jianshe-liset {
    padding-left: 15px;
}

.main-zw ul.jianshe-liset li {
    float: left;
    width: 25%;
}

.main-zw .zhanlam {
    margin: 0 -15px;
    overflow: hidden;
}

.main-zw .zhanlam li {
    float: left;
    width: 20%;
    padding: 10px 15px;
}

.main-zw .zhanlam li a {
    background: #FFFFFF;
    text-align: center;
    display: block;
    padding-top: 16px;
    height: 139px;
}

.main-zw .zhanlam li a p {
    font-size: 18px;
    font-weight: 500;
    color: #859097;
    margin-top: 15px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-zw .zhanlam li a:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.main-zw .zaheenm {
    padding: 0 15px;
}

.main-zw .zhanlam li:nth-child(4) a {
    padding-top: 21px;
}

.main-zw .zhanlam li:nth-child(5) a {
    padding-top: 20px;
}

@media (max-width:767px) {
    .main-zw .zhanlam li {
        padding: 10px 5px;
        width: 33.333%;
    }

    .main-zw .zhanlam {
        margin: 0 -5px;
    }

    .main-zw ul.jianshe-liset li {
        width: 50%;
    }
}

@media (max-width:480px) {
    .main-zw .zhanlam li {
        width: 50%;
        padding-top: 0;
    }

    .main-zw .zhanlam li a img {
        width: 30px;
    }

    .main-zw .zhanlam li a p {
        font-size: 16px;
    }

    .main-zw .zhanlam li a {
        height: 120px;
    }

    ul.jianshe-liset li {
        width: 100%;
    }

    .main-zw .zhanlam li:nth-child(4) a,
    .main-zw .zhanlam li:nth-child(5) a {
        padding-top: 16px;
    }
}

.main-zw ul.dropdown-menu.xial-k {
    min-width: 300px;
}

.main-zw .icon-list-c li .xial-k:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    left: 10%;
    top: -8px;
}

.main-zw ul.dropdown-menu.xial-k li {
    float: left;
    width: 50%;
}

.main-zw .zc-box ul.PicList li img {
    width: 100%;
    height: 130px;
    object-fit: cover;
}

@media (max-width:600px) {
    .main-zw .zc-box ul.PicList li {
        padding: 0px 15px;
    }

    .main-zw .zc-box ul.PicList li img {
        height: 100px;
    }
}

/*2023.1.3 ÃƒÂ¦Ã¢â‚¬ÂÃ‚Â¿ÃƒÂ¥Ã… Ã‚Â¡ÃƒÂ¥Ã‚Â¤Ã‚Â´ÃƒÂ©Ã†â€™Ã‚Â¨ÃƒÂ¦ Ã¢â‚¬Â¡ÃƒÂ§Ã‚Â­Ã‚Â¾ÃƒÂ¦ Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/
.header-zw .top-right li {
    position: relative;
}

.header-zw .top-right li#ghb::after,
.header-zw .top-right li#wzagjt::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    background: rgba(255, 255, 255, .18);
    height: 28px;
    right: 0;
    top: 4px;
}

.main-zcjd .zc-box {
    border: 1px solid rgba(209, 217, 224, 0.52);
    padding: 0 16px 0;
}

.main-zw,
.main-zcjd {
    background-color: #fff;
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.title-01 {
    margin: 20px 0;
    font-size: 26px;
    color: #393A3F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.title-01 a {
    color: #595b5d;
}

.zc-box .title-01 {
    margin-left: 10px;
}

.zc-box ul.PicList li img {
    width: 100%;
    height: 130px;
    object-fit: cover;
}

ul.PicList li p.title {
    border-left: 0;
    padding-left: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: auto;
    color: #595b5d;
}

.blue-bg {
    background: #F0F6FF;
    padding: 1px 16px 16px;
}

.blue-bg .title-01 {
    margin-bottom: 10px;
}

.blue-bg ul.nowrapli li {
    background-image: none;
    list-style-type: disc;
    padding: 14px 0px;
}

.blue-bg ul.nowrapli {
    padding-left: 18px;
}

.situation {
    padding: 0 70px;
    margin-bottom: 45px;
}

.general {
    text-align: center;
    margin-top: 57px;
    margin-bottom: 40px;
}

.function-list {
    padding-left: 0;
    margin-bottom: 0;
}

.function-list li {
    overflow: hidden;
    margin-bottom: 40px;
}

.function-list .applications {
    width: 382px;
    height: 260px;
    display: block;
    overflow: hidden;
    float: left;
}

.function-list .invite {
    width: 58%;
}

.function-list .invite {
    width: 58%;
}

.function-list .function-contetn {
    float: left;
    margin-left: 36px;
}

.positioning-box {
    margin: 0 -18px;
    overflow: hidden;
}

.positioning-box li {
    width: 50%;
    float: left;
    padding: 0 18px;
    margin-bottom: 30px;
}

.business-box .positioning-img {
    width: 224px;
    height: 142px;
    display: block;
    float: left;
}

.business-box .positioning-img img {
    width: 100%;
    height: 100%;
}

.function-list li .function-img img {
    transition: all 0.3s linear;
}

.function-list .positioning-content {
    margin-left: 25px;
    width: 57%;
}

.business-box .positioning-content {
    width: 48%;
}

.function-list h5 {
    border-bottom: 1px solid #d2e3f8;
    overflow: hidden;
    padding-bottom: 14px;
    margin-top: 0px;
}

.function-list p {
    line-height: 35px;
    color: #333333;
    overflow: hidden;
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
    text-indent: 2em;
}

.function-list .invite p {
    -webkit-line-clamp: 4;
}

.function-contetn dl {
    margin-bottom: 0;
}

.function-contetn dl dd {
    color: #333333;
    font-size: 16px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.function-list h5 span {
    font-size: 20px;
    color: #2069c5;
    padding-right: 25px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: solid 2px #2069c5;
}

.function-contetn dl dd:before {
    content: '';
    background: #2068c5;
    height: 3px;
    width: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
}

.business-box .positioning-content h5 {
    margin-top: 0px;
}

.function-list .positioning-content h5 span {
    font-size: 18px;
    padding-bottom: 11px;
    border-bottom: solid 1px #2069c5;
}

.business-box .positioning-content p {
    -webkit-line-clamp: 4;
    line-height: 24px;
    font-size: 16px;
}

.breadcrumb>li a {
    color: #595b5d;
}

.attachments li {
    padding: 6px 0 6px 15px;
    background: url(../img/dot-circle.png) 0 center no-repeat;
}

.nameing {
    float: left;
    color: #47494a;
    font-size: 18px;
    padding: 4px 0 0 15px !important;
}

.yamze {
    float: left;
}

.form-mzi input {
    font-size: 16px;
    border: 1px solid #ccc;
}

.puoper {
    width: 53%;
    float: left;
    margin-bottom: 28px;
}

.fromer-pup {
    overflow: hidden;
    margin-bottom: 75px;
}

.fromer-pup textarea {
    resize: none;
    font-size: 16px;
    margin-bottom: 27px;
}

.yell-bg-tj {
    font-size: 20px;
    width: 162px;
    height: 46px;
    border-radius: 6px;
    background: #0069c5;
    display: block;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border: none;
    padding: 0;
    margin: 0px auto 20px;
}

.yell-bg-tj:hover {
    background-color: #cbb486;
    border-color: #cbb486;
}

.all-plun {
    margin-top: 0;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.comment-title span {
    font-size: 18px;
    color: #47494a;
    margin-right: 32px;
}

.comment-title {
    margin-bottom: 10px;
}

.comment-title span:last-child,
.huifu0abser span label:last-child {
    margin-right: 0;
}

.comment-contr {
    /* font-size: 16px; */
    text-indent: 2em;
    text-align: justify;
    line-height: 30px;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #47494a;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}

.comment001 {
    padding-bottom: 25px;
    border-bottom: 1px solid #0069c5;
    margin-bottom: 29px;
}

.collapser {
    color: #0069c5;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #fff;
    cursor: pointer;
}

.huifu0abser span:first-child {
    float: left;
    color: #47494a;
    font-size: 18px;
}

/* .huifu0abser span:last-child{
     float: right;
     color: #47494a;
      font-size: 18px;
  } */
.comment-contr p {}

.huifu0abser span label {
    margin-bottom: 0;
    cursor: pointer;
}

.info-bz-hh {
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.huifu0abser span label img,
.No-comment-yet img {
    width: auto;
}

.huifu0abser span label i {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -5px;
}

.huifu0abser span label:first-child {
    margin-right: 22px;
}

.answering {
    overflow: hidden;
    background: #f8f8f8;
    padding: 27px 15px 35px 12px;
    margin-bottom: 35px;
}

.border-x {
    border-bottom: none;
    margin-bottom: 0;
}

.huifu0abser {
    height: 30px;
    margin-bottom: 15px;
}

.huifu0abser span label:nth-child(2) i {
    top: 0;
}

.answering .comment-contr a {
    background: #f8f8f8;
}

.all-pinglun-box {
    margin-bottom: 82px;
    padding: 0 20px;
}

.No-comment-yet {
    text-align: center;
    margin-bottom: 130px;
    margin-top: 100px;
}

.whj_jqueryPaginationCss-1 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.whj_jqueryPaginationCss-1 div {
    display: inline-block;
    padding: 5px 11px;
    cursor: pointer;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin: 0 5px;
}

.whj_jqueryPaginationCss-1 .whj_checked {
    border: 1px solid #0069c5;
    color: #fff;
    background-color: #0069c5;
    padding: 5px 12px;
}

.whj_jqueryPaginationCss-1 input {
    width: 34px;
    text-align: center;
    border-radius: 4px !important;
    height: 33px;
    margin-right: 5px;
    border: 1px solid #E5E5E5;
}

.whj_jqueryPaginationCss-1 input:focus {
    outline: none;
}

.whj_hover {
    padding: 5px 9px !important;
}

.whj_hover:hover {
    border: 1px solid #0069c5;
    color: #0069c5;
    background-color: transparent;
}

.wbk,
.whj_skip {
    border: none !important;
    position: relative;
}

.whj_padding.whj_color.wbk:after {
    content: '';
    position: absolute;
    top: 7px;
    width: 2px;
    right: -4px;
    height: 20px;
    background: #f3f3f3;
}

@media (max-width: 1199px) {
    .form-mzi {
        width: 61%;
    }

    .puoper {
        width: 55%;
    }
}

@media (max-width: 991px) {
    .form-mzi {
        width: 69%;
    }

    .puoper {
        width: 54%;
    }

    .margin-top-20 {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .puoper {
        width: 55%;
    }

    .form-mzi {
        width: 58%;
    }

    .comment-contr {
        text-align: left;
    }
}

@media (max-width: 580px) {
    .puoper {
        width: 100%;
    }

    .nameing {
        width: 120px;
    }

    .form-mzi {
        width: 70%;
    }
}

@media (max-width: 480px) {
    .form-mzi {
        width: 61%;
    }

    .nameing {
        font-size: 16px;
    }

    .yell-bg-tj {
        font-size: 18px;
    }

    .all-plun {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .comment-title span,
    .huifu0abser span:first-child,
    .huifu0abser span:last-child {
        font-size: 16px;
    }

    .fromer-pup {
        margin-bottom: 50px;
    }

    .Online-list .Online-picer,
    .Online-list .Online-picer01,
    .Online-list .Online-picer02 {
        float: none !important;
        margin-right: 0;
    }
}

@media (max-width: 380px) {
    .nameing {
        width: auto;
    }

    .form-mzi {
        width: 100%;
    }

    .puoper {
        margin-bottom: 20px;
    }

    .whj_jqueryPaginationCss-1 div {
        margin-bottom: 20px;
    }

    .margin-top-20 {
        margin-bottom: 0;
    }

    .yamze {
        width: 100%;
        float: none;
        text-align: left !important;
    }

    .yzm-k {
        width: 100%;
    }
}

.review {
    position: relative;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.answering .collapser {
    background-color: #f8f8f8 !important;
}

.message-btn {
    font-size: 20px;
    width: 162px;
    height: 46px;
    border-radius: 6px;
    background: #0069c5;
    display: block;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border: none;
    padding: 0;
    margin: 20px auto 30px;
}

.message-btn:hover {
    color: #fff;
}

.padding-30 {
    padding: 30px;
}





/* .self-service zzjfw */

.self-service #header {
    background-color: transparent;
    min-height: auto;
}

.self-service address,
.self-service caption,
.self-service cite,
.self-service code,
.self-service dfn,
.self-service em,
.self-service strong,
.self-service th,
.self-service var {
    font-weight: normal;
    font-style: normal;
}

.self-service ol,
.self-service ul {
    list-style: none;
}

.self-service caption,
th {
    text-align: left;
}

.self-service h1,
.self-service h2,
.self-service h3,
.self-service h4,
.self-service h5,
.self-service h6 {
    font-weight: normal;
    font-size: 100%;
}

.self-service q:before,
q:after {
    content: ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â;
}

.self-service abbr,
acronym {
    border: 0;
}

body.self-service {
    background: url("../img/bg.jpg") no-repeat;
    background-size: cover;
}

a:hover {
    text-decoration: none;
}

/*ÃƒÂ¦Ã‚Â»Ã…Â¡ÃƒÂ¥Ã… Ã‚Â¨ÃƒÂ¦Ã‚ÂÃ‚Â¡*/
/*ÃƒÂ¥Ã‚Â®Ã…Â¡ÃƒÂ¤Ã‚Â¹Ã¢â‚¬Â°ÃƒÂ¦Ã‚Â»Ã…Â¡ÃƒÂ¥Ã… Ã‚Â¨ÃƒÂ¦Ã‚ÂÃ‚Â¡ÃƒÂ©Ã‚Â«Ã‹Å“ÃƒÂ¥Ã‚Â®Ã‚Â½ÃƒÂ¥Ã‚ÂÃ… ÃƒÂ¨Ã†â€™Ã…â€™ÃƒÂ¦Ã¢â€žÂ¢Ã‚Â¯ ÃƒÂ©Ã‚Â«Ã‹Å“ÃƒÂ¥Ã‚Â®Ã‚Â½ÃƒÂ¥Ã‹â€ Ã¢â‚¬ ÃƒÂ¥Ã‹â€ Ã‚Â«ÃƒÂ¥Ã‚Â¯Ã‚Â¹ÃƒÂ¥Ã‚ÂºÃ¢â‚¬ÂÃƒÂ¦Ã‚Â¨Ã‚ÂªÃƒÂ§Ã‚Â«Ã¢â‚¬â€œÃƒÂ¦Ã‚Â»Ã…Â¡ÃƒÂ¥Ã… Ã‚Â¨ÃƒÂ¦Ã‚ÂÃ‚Â¡ÃƒÂ§Ã…Â¡Ã¢â‚¬Å¾ÃƒÂ¥Ã‚Â°Ã‚ÂºÃƒÂ¥Ã‚Â¯Ã‚Â¸*/
.self-service ::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background-color: #1b436b;
}

/*ÃƒÂ¥Ã‚Â®Ã…Â¡ÃƒÂ¤Ã‚Â¹Ã¢â‚¬Â°ÃƒÂ¦Ã‚Â»Ã…Â¡ÃƒÂ¥Ã… Ã‚Â¨ÃƒÂ¦Ã‚ÂÃ‚Â¡ÃƒÂ¨Ã‚Â½Ã‚Â¨ÃƒÂ©Ã‚ÂÃ¢â‚¬Å“ ÃƒÂ¥Ã¢â‚¬ Ã¢â‚¬Â¦ÃƒÂ©Ã‹Å“Ã‚Â´ÃƒÂ¥Ã‚Â½Ã‚Â±+ÃƒÂ¥Ã…â€œÃ¢â‚¬ ÃƒÂ¨Ã‚Â§Ã¢â‚¬â„¢*/
.self-service ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #1b436b;
    border-radius: 10px;
    background-color: #1b436b;
}

/*ÃƒÂ¥Ã‚Â®Ã…Â¡ÃƒÂ¤Ã‚Â¹Ã¢â‚¬Â°ÃƒÂ¦Ã‚Â»Ã¢â‚¬ËœÃƒÂ¥Ã‚ÂÃ¢â‚¬â€ ÃƒÂ¥Ã¢â‚¬ Ã¢â‚¬Â¦ÃƒÂ©Ã‹Å“Ã‚Â´ÃƒÂ¥Ã‚Â½Ã‚Â±+ÃƒÂ¥Ã…â€œÃ¢â‚¬ ÃƒÂ¨Ã‚Â§Ã¢â‚¬â„¢*/
.self-service ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(11, 33, 61, .5);
}

.self-service .header {
    margin-top: 80px;
    text-align: center;
}

.self-service .header img {
    width: auto;
}

.self-service .main {
    background: rgba(48, 48, 48, .27);
    border: 3px solid rgba(17, 224, 255, .27);
    margin: 62px 105px 30px;
    border-radius: 5px;
    height: 765px;
    overflow: auto;
    box-sizing: border-box;
    position: relative;
}

.self-service #searchForm .main {
    overflow: hidden;
}

.self-service .icon-list {
    display: flex;
    justify-content: center;
    margin-top: 160px;
}

.self-service .icon-list li {
    margin: 0 80px
}

.self-service .icon-list li a {
    display: block;
    text-align: center;
    color: #fff;
}

.self-service .icon-list li p {
    font-size: 48px;
}

.self-service .icon-list li a .ico-bg {
    width: 270px;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.self-service .icon-list li a .ico-bg i {
    font-size: 160px;
    color: #fff;
}

.self-service .icon-list li a .bg-green {
    background: url("../img/ico_green.png") !important;
}

.self-service .icon-list li a .bg-orange {
    background: url("../img/ico_orange.png") !important;
}

.self-service .icon-list li a .bg-ching {
    background: url("../img/ico_ching.png") !important;
}

.self-service .orange {
    color: #f60;
}

.self-service .btn-cont {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 50px;
}

.self-service .btn-tran {
    background: rgba(11, 33, 61, .34);
    color: #39c4f2;
    padding: 20px 60px;
    display: flex;
    justify-content: center;
    font-size: 26px;
}

.self-service .btn-tran:hover {
    color: #39c4f2;
}

.self-service .btn-tran i {
    font-size: 40px;
    padding-top: 4px;
    margin-right: 10px;
}

.self-service .footer {
    color: #bcd3f5;
    text-align: center;
    font-size: 26px;
    margin: 20px 105px;
    position: relative;
    padding-top: 10px;
    background-color: transparent;
}

.self-service .footer-l {
    position: absolute;
    left: 0;
    top: 0
}

.self-service .footer-r {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
}

.self-service .footer .btn-tran i {
    font-size: 30px;
}

.self-service .footer .btn-tran {
    padding: 10px 60px;
}

.self-service .icon-list-2 li {
    margin: 0 140px;
}

.self-service .tit-cont {
    display: flex;
    justify-content: center;
}

.self-service .min-title {
    background: rgba(24, 48, 76, .55);
    color: #39c4f2;
    border: 3px solid rgba(17, 224, 255, .27);
    font-size: 48px;
    border-radius: 0 0 6px 6px;
    padding: 20px 85px;
    margin-top: -3px;
}

.self-service .btn-info {
    background: #029bdb;
    font-size: 26px;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
}

.self-service .btn-info i {
    font-size: 34px;
}

.self-service .btn-l-t {
    position: absolute;
    left: 20px;
    top: 20px
}

.self-service .btn-r-t {
    position: absolute;
    right: 20px;
    top: 20px
}

.self-service .btn-l-t i {
    padding-top: 4px;
    margin-right: 8px;
}

.self-service .form-search {
    margin-top: 80px;
    color: #fff;
}

.self-service .form-group {
    display: flex;
    margin-bottom: 46px;
}

.self-service .form-group .control-label {
    font-size: 30px;
    width: 480px;
}

.self-service .form-group .control-right input::placeholder,
.self-service .input-group input::placeholder {
    color: #a6afbd;
}

.self-service .form-group .control-right input:focus,
.self-service .input-group input:focus,
.textarea:focus {
    color: rgba(11, 33, 61, .5);
}

.self-service .form-group .control-right input,
.self-service .input-group input,
.self-service .bootstrap-select>.dropdown-toggle {
    background: rgba(11, 33, 61, .5);
    border: none;
    height: 55px;
    padding: 6px 10px;
    box-sizing: border-box;
    border-radius: 6px !important;
    font-size: 24px;
    color: #fff;
}

.self-service .bootstrap-select.form-control {
    background: none;
    height: 55px;
}

.self-service .dropdown-menu>li>a {
    font-size: 24px !important;
}

.self-service .bootstrap-select>.dropdown-toggle {
    width: 280px !important;
}

.self-service #searchDate,
.self-service .width-lg .dropdown-toggle {
    width: 600px !important;
}

.self-service .textarea {
    background: rgba(11, 33, 61, .5);
    border: none;
    padding: 6px 10px;
    box-sizing: border-box;
    border-radius: 6px !important;
    font-size: 24px;
    color: #fff;
}

.self-service .width-lg {
    width: 600px !important;
}

.self-service .width-sm {
    width: 320px !important;
}

.self-service .control-label.width-auto {
    width: auto;
}

.self-service .form-actions {
    display: flex;
    justify-content: center;
}

.self-service .form-actions button {
    margin: 0 20px;
    padding: 16px 100px !important;
    border: none;
    cursor: pointer;
}

.self-service .form-actions button i {
    margin-right: 6px;
    padding-top: 3px;
}

.self-service .form-group .radio-inline {
    font-size: 30px;
    margin-right: 88px;
    font-weight: bold;
}

.self-service .btn-green {
    background: #63b60a;
    color: #fff;
    padding: 10px 20px !important;
}

.self-service .btn-green:hover {
    background: #5aa40b;
    color: #fff;
}

.self-service .btn-orange {
    background: #f08f26;
}

.self-service .btn-orange:hover {
    background: #d07a1d;
}

.self-service .search-cont {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #0f7ec4;
    padding-bottom: 30px;
}

.self-service .search-cont .btn {
    font-size: 28px;
    margin-left: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.self-service .search-cont .btn i {
    margin-right: 10px;
}

.self-service .table-nth {
    color: #cecece;
    font-size: 24px;
    margin: 30px 3%;
    width: 94%;
}

.self-service .table-nth a {
    color: #fff;
}

.self-service .table-nth td {
    padding: 14px;
}

.self-service .table-nth tr:nth-child(odd) {
    background: rgba(255, 255, 255, .08);
}

.self-service .pagination {
    display: flex;
    justify-content: center;
}

.self-service .pagination a {
    background: rgba(11, 33, 61, .5);
    padding: 10px 60px;
    font-size: 24px;
    color: #39c4f2;
}

.self-service .pagination a:first-child {
    border-radius: 30px 0 0 30px;
    border: 1px solid #39c4f2;
}

.self-service .pagination a:last-child {
    border: 1px solid #39c4f2;
    border-radius: 0 30px 30px 0;
    margin-left: -1px;
}

.self-service .Article {
    color: #fff;
    padding: 20px 0;
}

.self-service .Article h2 {
    font-size: 40px;
    font-weight: bold;
}

.self-service .Article .self-service .Article-time {
    font-size: 24px;
    color: #fff;
}

.self-service .Article_content {
    border-top: 0;
}

.self-service .Article-info {
    background: rgba(11, 33, 61, .5);
    border-top: 1px solid #067dc0;
    border-bottom: 1px solid #067dc0;
    color: #39c4f2;
    padding: 20px 80px 10px;
}

.self-service .Article-info ul li {
    margin-bottom: 10px;
}

.self-service .Article_content {
    margin-left: 80px;
    margin-right: 80px;
    font-size: 24px;
    padding-bottom: 0;
}

.self-service .object {
    font-size: 30px;
    font-weight: bold;
}

.self-service .Article_content p {
    color: #fff;
}

.self-service .Article_content p .red {
    background-color: transparent;
    color: red;
}

.self-service .text-indent {
    text-indent: 2em;
}

.self-service hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #067dc0;
}

.self-service .flex {
    display: flex;
}

.self-service .j-c {
    justify-content: center;
}

.self-service .smck {
    align-items: center;
}

.self-service .smck img {
    width: auto;
}

.self-service .smck p {
    background: rgba(255, 255, 255, .3);
}

.self-service .self-service .step {
    background: url("../img/line.png") center 34px no-repeat;
    height: 140px;
    padding-left: 120px;
    padding-right: 120px;
    margin-top: 30px;
}

.self-service .step ul {
    display: flex;
    justify-content: space-around;
}

.self-service .step ul li {
    text-align: center;
    position: relative;
    width: 240px;
}

.self-service .step ul li span {
    width: 68px;
    height: 68px;
    font-size: 46px;
    font-style: normal;
    box-sizing: border-box;
    background: #73aadd;
    border-radius: 50%;
    display: block;
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -34px;
}

.self-service .step ul li p {
    color: #a6b5cb;
    font-size: 24px;
    margin-top: 92px;
}

.self-service .step ul li.active span {
    background: #87ffbf;
    width: 90px;
    height: 90px;
    color: #124579;
    font-size: 65px;
    font-weight: bold;
    margin-top: -10px;
    line-height: 1.4;
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -45px;
}

.self-service .step ul li.active p {
    color: #87ffbf;
}

.self-service .step ul li.finished span {
    background: #87ffbf;
    color: #124579;
}

.self-service .step ul li.active:before,
.self-service .step ul li.finished:before {
    content: '';
    position: absolute;
    width: 245px;
    height: 4px;
    background: #87ffbf;
    top: 34px;
    left: 0;
    z-index: 1;
}

.self-service .bm-list {
    margin: 20px 70px;
    display: flex;
    flex-wrap: wrap;
    height: 420px;
    overflow-y: scroll;
    padding-left: 0px;
    padding-top: 10px;
}

.self-service .bm-list li {
    background: rgba(11, 33, 61, .5);
    border: 1px solid #067dc0;
    text-align: center;
    color: #fff;
    width: 250px;
    padding: 10px 0;
    font-size: 30px;
    margin: 0 18px 20px;
    box-sizing: border-box;
}

.self-service .bm-list li.active {
    border: 2px solid #87ffbf;
    position: relative;
}

.self-service .bm-list li.active:after {
    content: '\e664';
    color: #87ffbf;
    font-family: "iconfont";
    position: absolute;
    top: -14px;
    right: -6px;
    font-size: 26px;
}

.self-service .tit-h2 {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 30px;
}

.self-service .font-sm {
    font-size: 28px !important;
}

.self-service .margin-bottom-50 {
    margin-bottom: 50px;
}

/*ÃƒÂ¨Ã‚ÂÃ¢â‚¬ÂÃƒÂ§Ã‚Â³Ã‚Â»ÃƒÂ¦Ã¢â‚¬â€œÃ‚Â¹ÃƒÂ¥Ã‚Â¼Ã‚Â*/
.self-service .lxfs {
    color: #fff;
    font-size: 26px;
    margin: 40px 60px;
    height: 370px;
    overflow-y: auto;
    padding-left: 0px;
    padding-top: 10px;
    overflow-x: hidden;
    padding-bottom: 30px;
}

.self-service .required.symbol:before {
    font-size: 26px;
    color: #f60;
    margin-right: 10px;
}

.self-service .lxfs .form-group .control-label {
    font-size: 26px;
}

.self-service .lxfs .form-group {
    margin-bottom: 30px;
}

.self-service .green {
    color: #24d43d;
}

.self-service .tips {
    display: flex;
    justify-content: center;
    font-size: 50px;
    color: #fff;
    margin: 100px 0 60px
}

.self-service .tips i {
    font-size: 60px;
    margin-right: 10px;
    margin-top: 8px;
}

.self-service .font-sm {
    color: #fff;
    font-size: 28px;
}

.self-service .font-xs {
    font-size: 24px;
}

.self-service .blue {
    color: #6ddbff;
}

.self-service .margin-top-100 {
    margin-top: 100px;
}

.self-service .tips i.green {
    background-color: transparent;
    color: #24d43d;
}

.self-service .tips i.red {
    background-color: transparent;
    color: #e32428;
}

.self-service .timer {
    background: rgba(72, 34, 34, .23);
    border-radius: 50px;
    padding: 0 10px;
    color: #39c4f2;
    font-size: 37px;
}

.self-service .timer:hover {
    color: #39c4f2;
}

.self-service .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.self-service .search-result {
    color: #fff;
    margin: 20px 60px
}

.self-service .search-result .control-label {
    text-align: right;
    width: 140px;
    font-size: 24px;
    color: #39c4f2;
}

.self-service .search-result .control-right-text {
    font-size: 24px;
    text-align: left;
}

.self-service .search-result .self-service .form-group {
    margin-bottom: 30px;
}

.self-service .search-result .form-search {
    margin-top: 0;
    width: 80%;
}

/*ÃƒÂ¤Ã‚Â¸Ã¢â‚¬Å“ÃƒÂ©Ã‚Â¢Ã‹Å“*/
.self-service .main-special {
    height: auto;
    color: #fff;
    padding: 60px;
}

.self-service .main-special a {
    color: #fff;
}

.self-service .back {
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 18px;
    padding: 10px;
    top: 30px;
    position: absolute;
    left: 150px
}

.self-service .back i {
    font-size: 24px;
    margin-right: 0;
}

.self-service .ts {
    position: fixed;
    width: 600px;
    height: 220px;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-left: -300px;
    margin-top: -100px;
    left: 50%;
    top: 50%;
}

.self-service .ts .tips {
    color: #666;
    font-size: 30px;
    margin: 30px 0 40px;
    display: flex;
    justify-content: center;
}

.self-service .ts .tips i {
    font-size: 36px;
}

.self-service .btn-tip {
    padding: 6px 30px;
    margin: 0 auto;
    font-size: 20px;
    display: block;
    width: 140px;
    background: #f1f1f1;
}

.self-service .icon-arrow-left,
.self-service .icon-arrow-right {
    position: relative;
}

.self-service .icon-arrow-left::before,
.self-service .icon-arrow-right::before {
    display: none;
}

.self-service .icon-arrow-left:after,
.self-service .icon-arrow-right:after {
    content: '\e6a7';
    position: absolute;
    color: #666;
    font-size: 18px;
    top: -11px;
    left: -10px;
    font-family: iconfont;
    font-style: normal;
}

.self-service .icon-arrow-right:after {
    content: '\e6a8';
    font-family: iconfont;
}

.self-service .address {
    font-size: 18px;
    line-height: 36px;
    border-left: 2px solid #87ffbf;
    margin-left: 40px;
    padding-left: 40px;
    color: rgba(255, 255, 255, .8);
}

@media (min-width: 768px) {
    .self-service .col-sm-4 {
        float: left;
        width: 33.33333333%;
    }

    .self-service .col-sm-8 {
        width: 66.66666667%;
        float: left;
    }

    .self-service .col-sm-10 {
        width: 83.33333333%
    }

    .self-service .col-sm-2 {
        width: 16.66666667%;
    }
}

.self-service .footer-list li {
    width: 50%;
    float: left;
    line-height: 30px;
}

@media (max-width: 768px) {
    .self-service .footer .container {
        display: block !important;
    }

    .self-service .footer .col-sm-8 {
        overflow: hidden;
    }

    .self-service .footer .col-sm-4 {
        height: 65px;
    }

    .self-service .padding-center {
        text-align: center;
        padding-top: 20px;
    }

    .self-service .self-service .hiddener li {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .self-service .footer-list li {
        width: 100% !important;
    }
}

.self-service .white14h {
    height: auto !important;
    line-height: 20px !important;
    padding: 20px 0;
}

.self-service .white14h li {
    color: #fff;
}

.self-service .white14h p {
    color: #fff;
}

.self-service .white14h .container {
    overflow: hidden;
    padding-bottom: 20px;
}

.self-service .hiddener {
    overflow: hidden;
    padding-left: 20px;
}

.self-service .hiddener li {
    /*color: #abadae;*/
    font-size: 14px;
}

.self-service .footer-logo {
    margin-top: 20px;
}

.self-service .copyright {
    float: none;
    width: auto;
    padding-top: 20px;
    text-align: center;
}

.self-service .copyright p {
    text-align: center;
}

@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #0d3764;
    }
}

.self-service .magic-radio,
.self-service .magic-checkbox {
    position: absolute;
    display: none;
}

.self-service .magic-radio[disabled],
.self-service .magic-checkbox[disabled] {
    cursor: not-allowed;
}

.self-service .magic-radio+label,
.self-service .magic-checkbox+label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}

.self-service .magic-radio+label:hover:before,
.self-service .magic-checkbox+label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.self-service .magic-radio+label:before,
.self-service .magic-checkbox+label:before {
    position: absolute;
    top: 16px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
}

.self-service .magic-radio+label:after,
.self-service .magic-checkbox+label:after {
    position: absolute;
    display: none;
    content: '';
}

.self-service .magic-radio[disabled]+label,
.self-service .magic-checkbox[disabled]+label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.self-service .magic-radio[disabled]+label:hover,
.self-service .magic-radio[disabled]+label:before,
.self-service .magic-radio[disabled]+label:after,
.self-service .magic-checkbox[disabled]+label:hover,
.self-service .magic-checkbox[disabled]+label:before,
.self-service .magic-checkbox[disabled]+label:after {
    cursor: not-allowed;
}

.self-service .magic-radio[disabled]+label:hover:before,
.self-service .magic-checkbox[disabled]+label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.self-service .magic-radio[disabled]+label:before,
.self-service .magic-checkbox[disabled]+label:before {
    border-color: #e4e4e4;
}

.self-service .magic-radio:checked+label:before,
.self-service .magic-checkbox:checked+label:before {
    animation-name: none;
}

.self-service .magic-radio:checked+label:after,
.self-service .magic-checkbox:checked+label:after {
    display: block;
}

.self-service .magic-radio+label:before {
    border-radius: 50%;
    background: #d2d2d2;
}

.self-service .magic-radio+label:after {
    top: 22px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f60;
}

.self-service .magic-radio:checked+label:before {
    background: #d2d2d2
}

.self-service .magic-radio:checked[disabled]+label:before {
    background: #d2d2d2
}

.self-service .magic-radio:checked[disabled]+label:after {
    background: #d2d2d2
}

.self-service .magic-checkbox+label:before {
    border-radius: 3px;
}

.self-service .magic-checkbox+label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}

.self-service .magic-checkbox:checked+label:before {
    background: #d2d2d2
}

.self-service .magic-checkbox:checked[disabled]+label:before {
    background: #d2d2d2
}

.self-service .datetimepicker {
    width: 400px;
}

.self-service .datetimepicker table {
    width: 100%;
}

.self-service .bootstrap-select>select {
    left: 0px;
}

.self-service .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 250px !important;
}

.self-service .step {
    background: url(../img/line.png) center 34px no-repeat;
    height: 140px;
    padding-left: 120px;
    padding-right: 120px;
    margin-top: 30px;
}

.self-service .search-in-left {
    height: 600px;
    position: relative;
    padding-bottom: 200px;
}

.self-service .search-in-left,
.search-talk {
    width: 100%;
}

.self-service .search-talk {
    height: 400px;
    overflow: auto;
    padding-bottom: 200px;
    padding-left: 0px;
}

.self-service .search-talk li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.self-service .search-talk li img {
    width: 54px;
    height: 54px;
}

.self-service .conversation-text {
    background: #124179;
    color: #fff;
    padding: 16px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    font-size: 20px;
    width: 700px;
}

.self-service .search-talk li .chat-index {
    color: #fff;
}

.self-service .search-talk li .chat-index h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.self-service .search-talk li .chat-index ol {
    margin-left: 20px;
}

.self-service .search-inner .search-form {
    width: 100%;
    background: #fff;
    padding: 20px;
    height: 200px;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
}

.self-service .search-inner .search-form textarea {
    width: 100%;
    height: 160px;
    overflow: auto;
    border: none;
    font-size: 18px;
}

.self-service .search-inner .search-form button {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.self-service .slide-cont .page-header-2 {
    margin-top: 0;
    border-bottom-width: 1px;
}

.self-service .slide-cont .page-header-2 a {
    color: #fff;
    font-size: 24px;
    padding-bottom: 14px;
    bottom: -2px;
}

.self-service .ul-btn {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
}

.self-service .ul-btn li {
    padding: 6px 10px;
    width: 50%;
}

.self-service .ul-btn li a {
    background: rgba(11, 33, 61, .5);
    padding: 16px 10px;
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
}

.self-service .owl-controls .owl-nav {
    position: absolute;
    top: -75px;
    right: 0;
}

.self-service .owl-controls .owl-nav [class*=owl-] {
    background: rgba(11, 33, 61, .5) !important;
    padding: 6px 20px !important;
    color: rgba(255, 255, 255, .5) !important;
    font-size: 20px !important;
}

#bumen {
    margin-top: 40px;
}

.self-service a.circle-btn .btn,
a.square-btn .btn {
    width: 120px !important;
    height: 120px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    white-space: initial;
    line-height: 1.2;
}

.self-service .search-inner {
    margin: 20px 50px;
}

.self-service .slider-btn .owl-controls .owl-nav {
    top: -95px;
}

.handling .conversation-list {
    list-style: none;
    padding-left: 0;
    background: #f2f4f5;
    background-size: 100% 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0 20px 0 20px;
    border-right: 1px solid #ccc;
}

.handling .conversation-list>li {
    margin-bottom: 24px;
    margin-top: 10px;
}

.handling .conversation-list .chat-avatar {
    width: 50px;
    display: inline-block;
    text-align: center;
    float: left;
}

.handling .conversation-list .chat-avatar img {
    border-radius: 50px;
    border: solid 2px #fff;
    background-color: antiquewhite;
}

.handling .conversation-list .chat-avatar i {
    font-size: 12px;
    font-style: normal;
    color: #333;
}

.handling .conversation-list .ctext-wrap i {
    display: block;
    font-style: normal;
    font-weight: bold;
    position: relative;
    font-size: 12px;
    color: #2cb9b3;
}

.handling .conversation-list .conversation-text {
    display: inline-block;
    font-size: 14px;
    float: left;
    margin-left: 12px;
    width: 80%;
}

.handling .conversation-list .ctext-wrap {
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    min-width: 86%;
}

.handling .conversation-list .ctext-wrap p {
    margin: 0px;
    padding-top: 3px;
}

.handling .conversation-list .ctext-wrap ol li {
    margin-bottom: 10px;
    list-style: auto;
    color: #333;
}

.handling .conversation-list .ctext-wrap:after {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 242, 239, 0);
    border-right-color: #ccc;
    border-width: 5px;
    margin-top: -5px;
}

.handling .conversation-list .odd .chat-avatar {
    float: right !important;
}

.handling .conversation-list .odd .conversation-text {
    width: 70% !important;
    margin-right: 12px;
    text-align: right;
    float: right !important;
}

.handling .conversation-list .odd .ctext-wrap {
    background: #fff !important;
}

.handling .conversation-list .odd .ctext-wrap i {
    color: #e72103;
}

.handling .conversation-list .odd .ctext-wrap:after {
    left: 100% !important;
    top: 20% !important;
    border-color: rgba(238, 238, 242, 0) !important;
    border-left-color: #ccc !important;
}

.handling .chat-send {
    padding: 5px 0;
}

.handling .chat-send button {
    width: 100%;
}

.handling ul.btn-left li {
    float: left;
}















/*  ÃƒÂ¥Ã‚Â¯Ã‚Â¹ÃƒÂ¨Ã‚Â¯Ã‚ÂÃƒÂ¦Ã‚Â¡Ã¢â‚¬   */




.handling .chat {
    clear: both;
    margin-top: 20px;
}

.handling .chat-effigy {
    float: left;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 30px;
    display: inline;
    margin-left: 14px;
    margin-bottom: 10px;
}

.handling .chat-box {
    float: left;
    background: #fff;
    border-radius: 5px;
    margin: 0 14px;
    -moz-box-shadow: 0px 1px 6px #696969;
    -webkit-box-shadow: 0px 1px 6px #696969;
    box-shadow: 0px 1px 6px #696969;
}

.handling .chat-user .chat-box,
.handling .chat-user .chat-effigy {
    float: right;
}

.handling .chat-user .chat-effigy {
    margin-right: 14px;
    margin-left: 0;
}

.handling .chat-index-up {
    background: #d7f7ff;
    line-height: 28px;
    padding: 0 30px;
    margin-bottom: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.handling .chat-item {
    padding: 0 30px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
}

.handling .chat-item h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 5px;
}

.handling .chat-item h4 small {
    font-size: 12px;
}

.handling .chat-item p {
    margin-bottom: 0;
}

.handling .chat-index-down {
    background: #fbe3e3;
    line-height: 28px;
    padding: 0 30px;
    margin: 0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.handling .chat-index {
    background: #fff;
    border-radius: 3px;
}

/*  ÃƒÂ¨Ã‚Â¾Ã¢â‚¬Å“ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â¥ÃƒÂ¦Ã‚Â¡Ã¢â‚¬   */
.handling .import {
    background: #fff;
    /*background: #5b9ec9;8*/
    position: relative;
    border-right: solid 1px #ccc;
    border-top: 1px solid #ccc;
}

.handling .import-input {
    padding: 10px;
}

.handling .import .chat-input {
    float: left;
    overflow: auto;
    border: none;
    height: 90px;
    resize: none;
    font-size: 14px;
    font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "ÃƒÂ¥Ã‚Â¾Ã‚Â®ÃƒÂ¨Ã‚Â½Ã‚Â¯ÃƒÂ©Ã¢â‚¬ÂºÃ¢â‚¬Â¦ÃƒÂ©Ã‚Â»Ã¢â‚¬Ëœ", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
    line-height: 22px;
    margin-bottom: 0;
    border-right: none;
    *padding: 0;
    border-radius: 0px;
    box-shadow: none;
    padding: 10px 15px;
    width: 100%;
}

.handling .import .send {
    float: left;
    background: #ec6941;
    border: none;
    height: 40px;
    color: #fff;
    line-height: 24px;
    text-shadow: none;
    font: bold 16px 'Microsoft YaHei';
}

.handling .import .service {
    line-height: 24px;
    height: 40px;
    font: bold 16px 'Microsoft YaHei';
    border: solid 2px #ec6941;
    color: #ec6941;
}

.handling .modal {
    width: 340px;
    margin-left: -170px;
}


/*  right  */
.handling .main-right {
    background: #fff;
}

.handling .page-header {
    height: 34px;
    margin: 10px 0 10px 0;
    padding: 0;
    border-bottom: 2px solid #2e93cc;
}

.handling .page-header li {
    margin: 0 10px 0 0;
    background: #f59744;
    color: #fff;
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    padding: 0 15px;
    font-weight: bold;
    list-style: none;
}

.handling .page-header li a.cha {
    color: #fff;
}

.handling .footer {
    height: 30px;
    line-height: 30px;
    color: #999;
    background: #e9e9e9;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.handling .btn-zf {
    background-color: #56c5c0;
    border-color: #56c5c0;
    color: #fff;
}

.handling .btn-jy {
    background-color: #2a41b7;
    border-color: #2a41b7;
    color: #fff;
}

.handling .well>.btn-lg {
    padding: 10px 16px;
}

.handling .text-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.code-body .mennu-title {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    margin-bottom: 30px;
}

.code-body .mennu-title span {
    color: #333333;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    position: relative;
    padding-left: 15px;
}

.code-body .mennu-title span:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #0069C5;
    position: absolute;
    left: 0;
    top: 50%;
}

.code-body .information-meuer {
    margin-bottom: 30px;
}

.code-body .information-meuer label {
    color: #333333;
    font-size: 18px;
    text-align: left;
    margin-bottom: 10px;
}

.code-body .information-meuer input {
    border-radius: 4px;
    background: #FBFCFE;
    border: 1px solid #EEEEEE;
    padding-left: 16px;
    height: 51px;
    color: #999999;
    font-size: 18px;
}

.code-body .information-meuer textarea {
    color: #999999;
    font-size: 18px;
    border: 1px solid #EEEEEE;
}

.code-body .panel-body {
    padding: 15px 25px;
    padding-bottom: 48px;
}

.code-body .information-meuer select {
    appearance: none;
    padding-left: 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 51px;
    color: #999999;
    font-size: 18px;
    border: 1px solid #EEEEEE;
    background: url(jt.png) no-repeat right center;
    background-origin: content-box;
}

.code-body .filel {
    color: #333333;
    font-size: 24px;
    margin-bottom: 40px;
    position: relative;
}

.code-body .filel a {
    cursor: pointer;
    color: #0069C5;
    border-bottom: 2px solid #0069C5;
    padding-bottom: 10px;
}

.code-body .filel .file-ipt {
    position: absolute;
    top: 2px;
    opacity: 0;
}

.code-body .yzm-content input {
    width: 89%;
    float: left;
}

.code-body .yzm-content {
    overflow: hidden;
}

.code-body .yzm-content a {
    border-radius: 4px;
    background: #0069C5;
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    width: 103px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.code-body .btn-tj button {
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 100px;
    background: #0069C5;
    width: 273px;
    height: 73px;
    box-shadow: inherit;
}

.code-body .btn-tj {
    text-align: center;
    margin-top: 78px;
}

.code-body .modal-title {
    text-align: center;
    color: #333333;
    font-size: 24px;
}

.code-body .modal-footer {
    padding-top: 22px;
    padding-bottom: 25px;
}

.code-body .btn-secondary {
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 8px;
    background: #0069C5;
    width: 122px;
    height: 54px;
    margin: 0 auto;
    display: block;
}

.code-body .modal-body {
    padding: 19px 62px 30px 34px;
    overflow: hidden;
}

.code-body .modal-body p {
    color: rgba(0, 0, 0, .54);
    font-size: 16px;
    line-height: 1.92;
    text-align: justify;
    margin-bottom: 0;
}

.code-body .btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
}

/*ÃƒÂ¤Ã‚Â¸Ã‚ÂªÃƒÂ¤Ã‚ÂºÃ‚ÂºÃƒÂ¤Ã‚Â¸Ã‚Â­ÃƒÂ¥Ã‚Â¿Ã†â€™*/
@font-face {
    font-family: DIN-Medium;
    src: url("../fonts/DIN-Medium.ttf") format("truetype");
}

.Personal-center .content-wraper ul {
    margin: 0 auto;
}

.Personal-center .content-wraper button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.Personal-center .content-wraper .exit-button {
    position: absolute;
    left: 14px;
    top: 16px;
    display: flex;
    align-items: center;
    color: #888
}

.Personal-center .content-wraper .exit-button img {
    width: 16px;
    margin-right: 6px;
}

.Personal-center .content-wraper .breadcrumb {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.Personal-center .content-wraper .breadcrumb>li {
    color: #a0a7b8;
    font-size: 14px;
    font-weight: 400;
}

.Personal-center .content-wraper .breadcrumb>li a {
    color: #a0a7b8;
    font-size: 14px;
    font-weight: 400;
}

.Personal-center .content-wraper .breadcrumb>li a:hover {
    color: #0169c4;
}

.Personal-center .content-wraper .breadcrumb>li:nth-child(2) before {
    display: none;
}

.Personal-center .maner span {
    border-radius: 50%;
    display: block;
    height: 60px;
    margin: 0 auto;
    position: relative;
    top: -15px;
    width: 60px;
}

.Personal-center .maner span img {
    height: 100%;
    width: 100%;
}

.Personal-center .maner p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
}

.Personal-center .maner .unlogin {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.Personal-center .maner .unlogin p {
    font-weight: bold;
}

.Personal-center .maner .unlogin span {
    color: #999999;
    height: auto;
    margin: 14px 0;
    top: 0;
    width: auto;
}

.Personal-center .maner .unlogin button {
    background: #0169c4;
    border: none;
    padding: 10px 30px !important;
    text-align: center;
}

.Personal-center .contenter-lt {
    background: #ffffff;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}

.Personal-center .content-wraper {
    margin-bottom: 80px;
    margin-top: 55px;
}

.Personal-center .sc-jl-conter {
    border-bottom: 1px solid #eeeff1;
    margin-top: 17px;
    padding-bottom: 12px;
}

.Personal-center .sc-jl-conter li {
    float: left;
    position: relative;
    width: 50%;
}

.Personal-center .sc-jl-conter li strong {
    color: #000000;
    display: block;
    font-family: DIN-Medium;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

.Personal-center .sc-jl-conter li span {
    color: #a0a7b8;
    display: block;
    font-size: 14px;
    text-align: center;
}

.Personal-center .sc-jl-conter li:first-child after {
    background: #eeeff1;
    content: '';
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.Personal-center .Pay-attention-labels {
    margin-bottom: 20px;
    overflow: hidden;
    padding: 18px 12px;
}

.Personal-center .Pay-attention-labels h3 {
    align-items: center;
    color: #000000;
    display: flex;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.Personal-center .Pay-attention-labels h3 label {
    background: #0169c4;
    border-radius: 29px 29px 29px 29px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 4px 7px;
}

.Personal-center .Unfold-fold {
    float: right;
}

.Personal-center .Unfold-fold span {
    background: url(../img/down-jt.png) right no-repeat;
    color: #a0a7b8;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-right: 6px;
    padding-right: 20px;
}

.Personal-center .label-bocker {
    border-radius: 0 0 5px 5px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.Personal-center .label-bocker label {
    border-radius: 5px 5px 0 0;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-bottom: 0;
    padding-left: 12px;
    padding-top: 13px;
}

.Personal-center .label-bocker ul {
    border-radius: 5px 5px 5px 5px;
    margin: 0 -6px;
    overflow: hidden;
    padding: 12px;
}

.Personal-center .label-bocker ul li {
    float: left;
    padding: 0 6px;
    width: 50%;
    margin-bottom: 6px;
}

.Personal-center .label-bocker ul li a {
    background: #ffffff;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ffffff;
    box-shadow: 0px 5px 12px 0px rgba(69, 93, 180, 0.04);
    color: #3F424E;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 0;
    text-align: center;
}

.Personal-center .pink-colour:nth-child(1) label {
    background: url(../img/bq-bg01.png) no-repeat;
    color: #fa5875;
    background-size: 100% 100%;
}

.Personal-center .pink-colour:nth-child(1) ul {
    background: #FFF4F6;
}

.Personal-center .pink-colour:nth-child(1) ul li a:hover {
    border: 1px solid #fa5875;
    color: #fa5875;
}

.Personal-center .pink-colour:nth-child(2) label {
    background: url(../img/bq-bg02.png) no-repeat;
    color: #597dfa;
    background-size: 100% 100%;
}

.Personal-center .pink-colour:nth-child(2) ul {
    background: #F5F9FF;
}

.Personal-center .pink-colour:nth-child(2) ul li a:hover {
    border: 1px solid #597dfa;
    color: #597dfa;
}

.Personal-center .pink-colour:nth-child(3) label {
    background: url(../img/bq-bg03.png) no-repeat;
    color: #fa9530;
    background-size: 100% 100%;
}

.Personal-center .pink-colour:nth-child(3) ul {
    background: #fffaf5;
}

.Personal-center .pink-colour:nth-child(3) ul li a:hover {
    border: 1px solid #fa9530;
    color: #fa9530;
}

.Personal-center .pink-colour:nth-child(4) label {
    background: url(../img/bq-bg04.png) no-repeat;
    color: #9F5BE2;
    background-size: 100% 100%;
}

.Personal-center .pink-colour:nth-child(4) ul {
    background: #F9F2FF;
}

.Personal-center .pink-colour:nth-child(4) ul li a:hover {
    border: 1px solid #9F5BE2;
    color: #9F5BE2;
}

.Personal-center .pink-colour:nth-child(5) label {
    background: url(../img/bq-bg05.png) no-repeat;
    color: #3A8344;
    background-size: 100% 100%;
}

.Personal-center .pink-colour:nth-child(5) ul {
    background: #EDF9EF;
}

.Personal-center .pink-colour:nth-child(5) ul li a:hover {
    border: 1px solid #3A8344;
    color: #3A8344;
}

.Personal-center .pink-colour:nth-child(6) label {
    background: url(../img/bq-bg06.png) no-repeat;
    color: #C37437;
    background-size: 100% 100%;
}

.Personal-center .pink-colour:nth-child(6) ul {
    background: #FFF9F4;
}

.Personal-center .pink-colour:nth-child(5) ul li a:hover {
    border: 1px solid #C37437;
    color: #C37437;
}

.Personal-center .Policy_interpretation_swiper {
    background: #FFF9F3;
    border-radius: 0 0 5px 5px;
    padding-bottom: 10px;
}

.Personal-center .Policy_interpretation_swiper ul li {
    margin-bottom: 10px;
}

.Personal-center .Policy_interpretation_swiper .owl-nav {
    bottom: 7px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 95px;
}

.Personal-center .Policy_interpretation_swiper .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/*.Personal-center .Policy_interpretation_swiper .owl-nav .owl-prev span {*/
/*    background-size: 100%;*/
/*    background: url(../../assets/img/yellow-lt.png) no-repeat;*/
/*    display: block;*/
/*    background-size: 100% auto;*/
/*    font-size: 0;*/
/*    height: 16px;*/
/*    width: 16px;*/
/*}*/
/*.Personal-center .Policy_interpretation_swiper .owl-nav .owl-next {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/
/*.Personal-center .Policy_interpretation_swiper .owl-nav .owl-next span {*/
/*    background-size: 100%;*/
/*    background: url(../../assets/img/yellow-rt.png) no-repeat;*/
/*    background-size: 100% auto;*/
/*    display: block;*/
/*    font-size: 0;*/
/*    height: 16px;*/
/*    width: 16px;*/
/*}*/
.Personal-center .Policy_interpretation_swiper .Slider-one .owl-controls {
    margin-top: 0;
}

.Personal-center .Policy_interpretation_swiper .Slider-one .owl-controls .owl-nav {
    bottom: 22px;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    width: auto;
}

.Personal-center .Policy_interpretation_swiper .Slider-one .owl-controls .owl-next {}

.Personal-center .Policy_interpretation_swiper .Slider-one .owl-controls .owl-nav [class*=owl-] {
    color: #fa9530;
    top: 0;
    transform: translate(0, 0);
}

.Personal-center .Policy_interpretation_swiper .owl-dots .owl-dot span {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 46px 46px 46px 46px;
    height: 5px;
    margin: 0 2px;
    width: 5px;
}

.Personal-center .Policy_interpretation_swiper .owl-dots .owl-dot:hover span {
    background: #fa9530;
    width: 8px;
}

.Personal-center .Policy_interpretation_swiper .owl-dots .owl-dot.active span {
    background: #fa9530;
    width: 8px;
}

.Personal-center .Policy_interpretation_swiper .Slider-one .owl-dots {
    margin-top: -10px;
    position: static;
    text-align: center;
}

.Personal-center .nav-taber-list {
    background: #0169c4;
    border-radius: 18px 18px 0px 0px;
    overflow: hidden;
}

.Personal-center .nav-taber-list li {
    float: left;
    width: 14.28%;
}

.Personal-center .nav-taber-list li a {
    color: rgba(255, 255, 255, 0.6);
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 19px 0;
    text-align: center;
}

.Personal-center .nav-taber-list li.active a {
    background: #ffffff;
    border-radius: 16px 16px 0px 0px;
    color: #0169c4;
}

.Personal-center .letterbox {
    background: #ffffff;
    margin-bottom: 30px;
    width: 100%;
}

.Personal-center .letterbox tr th {
    background: #E7F1F6;
    border: none !important;
    color: #252525;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 8px !important;
    text-align: center;
}

.Personal-center .letterbox tr td {
    border-bottom: 1px dashed #eeeff1 !important;
    border: none !important;
    color: #7d7f85;
    font-size: 16px;
    padding: 32px 8px !important;
    text-align: center;
}

.Personal-center .letterbox tr:last-child td {
    border-bottom: none !important;
}

.Personal-center .table-bordered {
    border: none !important;
    margin-bottom: 0;
}

.Personal-center .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.Personal-center .table-hover>tbody>tr:hover {
    background-color: #ffffff;
}

.Personal-center .nav-tabs {
    border-bottom: 0;
}

.Personal-center .nav-tabs>li.active>a {
    border: 1px solid transparent !important;
}

.Personal-center .nav-tabs>li.active>a:focus {
    border: 1px solid transparent !important;
}

.Personal-center .nav-tabs>li.active>a:hover {
    border: 1px solid transparent !important;
}

.Personal-center .empty {
    align-items: center;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 30% 0;
}

.Personal-center .empty img {
    height: auto;
    width: 160px;
}

.Personal-center .intellect-list {
    background: #ffffff;
    padding-left: 0px;
}

.Personal-center .intellect-list li {
    align-items: center;
    border-bottom: 1px dashed #eeeeee;
    display: flex;
    padding: 26px 0;
}

.Personal-center .intellect-list li:last-child {
    border-bottom: 0;
}

.Personal-center .intellect-list li .date {
    width: 109px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: DIN;
}

.Personal-center .intellect-list li .date img {
    width: 40px;
}

.Personal-center .intellect-list li .date p {
    font-size: 14px;
    color: #A0A7B8;
}

.Personal-center .intellect-list li .date span {
    font-size: 32px;
    color: #3F424E
}

.Personal-center .intellect-list li .li-info {
    flex: 1;
    min-width: 0;
    padding-right: 10px;
}

.Personal-center .intellect-list li .li-info h3,
.Personal-center .intellect-list li .li-info h3 a {
    font-size: 20px;
    color: #000000;
    margin-top: 0;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Personal-center .intellect-list li .li-info .desc {
    font-size: 14px;
    color: #999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}

.Personal-center .labels {
    display: flex;
    margin-top: 8px;
}

.Personal-center .labels span {
    margin-right: 10px;
    font-size: 12px;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 4px;
}

.Personal-center .labels span.l-org,
.Personal-center .labels span.l-org a {
    color: #FC7A43;
    background: rgba(252, 122, 67, 0.10);
}

.Personal-center .labels span.l-brown,
.Personal-center .labels span.l-brown a {
    color: rgba(203, 180, 134, 1);
    background: rgba(203, 180, 134, 0.10);
}

.Personal-center .li-info .labels span.l-brownd,
.Personal-center .li-info .labels span.l-brownd a {
    color: rgba(139, 97, 77, 1);
    background: rgba(139, 97, 77, 0.10);
}

.Personal-center .labels span.l-green,
.Personal-center .labels span.l-green a {
    color: rgba(83, 204, 175, 1);
    background: rgba(83, 204, 175, 0.10);
}

.Personal-center .labels span.l-blue,
.Personal-center .labels span.l-blue a {
    color: rgba(1, 105, 196, 1);
    background: rgba(1, 105, 196, 0.10);
}

.Personal-center .title-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.Personal-center .title-cont .title-h {
    display: flex;
    align-items: center;
    color: #0169C4;
}

.Personal-center .title-cont .title-h h2 {
    font-size: 20px;
    padding: 0 20px;
    border-left: 4px solid #0073d4;
    margin: 0;
    font-weight: bold;
}

.Personal-center .title-cont .title-h p {
    margin-bottom: 0;
    color: #A0A7B8;
}

.Personal-center .title-cont .title-h p span {
    font-weight: bold;
    color: #222;
    margin: 0 6px;
}

.Personal-center .title-cont .text-blue {
    cursor: pointer;
}

.Personal-center .history-list {
    background: #fff;
}

.Personal-center .history-list li {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #eee;
}

.Personal-center .history-list li a {
    color: #000;
    font-size: 16px;
    flex: 1;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Personal-center .history-list li a:hover {
    color: #0073d4;
}

.Personal-center .history-list li span {
    color: #A0A7B8;
    font-size: 14px;
    white-space: nowrap;
}

.Personal-center .history-list li span.text-red {
    white-space: nowrap;
    color: #FA5875;
    margin: 0 40px;
}

.Personal-center .breadcrumb {
    border-bottom: 1px solid #E5E5E5;
}

.Personal-center .Article {
    background: #fff;
}

.Personal-center .navbar .navbar-header h1 {
    margin-top: 20px;
}

.Personal-center .article-footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-footer .editbtn {
    display: flex;
    align-items: center;
}

.article-footer .editbtn button {
    border: 1px solid #0169C4;
    color: #0169C4;
    padding: 6px 14px;
    background: #fff;
    font-size: 12px;
    margin-left: 10px;
}

.article-footer .editbtn button.current {
    border: 1px solid #f08f26;
    color: #f08f26
}

.Personal-center .panel-white {
    background: #fff;
}

.Personal-center .panel-white .title-cont {
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}

.Personal-center .panel-body {
    display: flex;
    justify-content: center;
}

.Personal-center .Slider-one .owl-controls .owl-nav [class*=owl-] {
    background: none;
    color: #0073d4;
    font-size: 14px;
    padding: 0;
}

.Personal-center .Slider-one .owl-dots {
    position: initial !important;
}

.Personal-center .Slider-one .owl-controls .owl-nav [class*=owl-]:hover {
    background: none;
    color: #0073d4;
}

.Personal-center .panel-white .owl-controls {
    position: absolute;
    right: 0;
    top: -64px;
    min-width: 100px;
}

.Personal-center .panel-white .owl-dots .owl-dot span {
    margin: 0 2px;
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, .1);
    border-radius: 46px 46px 46px 46px;
}

.Personal-center .panel-white .owl-dots .owl-dot.active span,
.Personal-center .panel-white .owl-dots .owl-dot:hover span {
    background: #0169C4;
    width: 8px;
}

.Personal-center .panel-white .owl-nav {
    position: absolute;
    right: 0;
    top: -40px;
    min-width: 95px;
    z-index: 999;
}

.Personal-center .panel-white .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Personal-center .panel-white .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 1260px) {
    .Personal-center .container {
        width: 1230px;
    }
}

.Personal-center .letterbox tr td:nth-child(3) {
    color: #000000;
}

.Personal-center .letterbox tr td span {
    font-size: 14px;
    display: block;
    padding: 2px 0;
    font-weight: 500;
    color: #53CCAF;
    background: rgba(83, 204, 175, 0.1);
    border-radius: 4px 4px 4px 4px;
}

.Personal-center .letterbox tr td a {
    font-size: 16px;
    font-weight: 500;
    color: #0169C4;
}

.Personal-center .whj_jqueryPaginationCss-1>div {
    background: #fff;
    border: none !important;
    margin: 0 3px;
    border-radius: 5px;
    color: #0169C4;
}

.Personal-center .whj_jqueryPaginationCss-1>div,
.Personal-center .whj_jqueryPaginationCss-1>input {
    border: none !important;
    margin: 0 3px;
    height: 44px;
}

.Personal-center .whj_jqueryPaginationCss-1>div.whj_checked {
    background: #0169C4;
    color: #fff;
}

.Personal-center .nav-taber-list li a i {
    background: url(../img/hot.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
}

.Personal-center .nav-taber-list li:first-child.active a i {
    background: url(../img/hoter.png) no-repeat;
}

.Personal-center .my-zx {
    width: 115px;
    position: fixed;
    right: 240px;
    top: 50%;
}

.Personal-center .Open-month {
    margin-bottom: 16px;
    display: block;
}

.Personal-center .Open-month img {
    width: 100%;
}

.Personal-center .Unfold-fold .current-menu {
    background: url(../img/up-jt.png) right no-repeat;
}

.Personal-center .politics-block {
    width: 100%;
    overflow: hidden;
    margin-top: 18px;
}

.Personal-center .list-paenl {
    margin-bottom: 30px;
    background: #fff;
}

.Personal-center .list-paenl ul li {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 31px 24px;
    border-bottom: 1px dashed #EEEFF1;
}

.Personal-center .list-paenl ul li em {
    font-size: 14px;
    background: rgba(139, 139, 139, 0.1);
    border-radius: 4px 4px 4px 4px;
    float: left;
    font-weight: 500;
    color: #8B8B8B;
    font-style: normal;
    margin-right: 12px;
    padding: 2px 8px;
}

.Personal-center .list-paenl ul li label {
    margin-bottom: 0;
    width: 55%;
    font-size: 16px;
    margin-right: 30px;
    font-weight: 500;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.Personal-center .list-paenl ul li .on-going {
    color: #53CCAF;
    background: rgba(83, 204, 175, 0.1);
}

.Personal-center .list-paenl ul li span {
    font-size: 14px;
    font-weight: 400;
    color: #A0A7B8;
    padding-left: 20px;
    background: url(../img/time.png) left center no-repeat;
}

.Personal-center .list-paenl ul li a {
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #0169C4;
    margin-right: 25px;
}

.Personal-center .list-paenl ul li:last-child {
    border-bottom: none;
}

@media (max-width: 1900px) {
    .Personal-center .my-zx {
        right: 150px;
    }
}

@media (max-width: 1740px) {
    .Personal-center .my-zx {
        right: 50px;
    }
}

@media (max-width: 1520px) {
    .Personal-center .my-zx {
        top: 90px;
        right: 10px;
    }
}

@media (max-width: 1259px) {
    .Personal-center .list-paenl ul li label {
        width: 50%;
    }
}

@media (max-width: 1199px) {
    .Personal-center .nav-taber-list li a {
        font-size: 16px;
    }

    .Personal-center .letterbox tr td,
    .Personal-center .letterbox tr td a {
        font-size: 15px;
    }

    .Personal-center .whj_jqueryPaginationCss-1>div,
    .Personal-center .whj_jqueryPaginationCss-1>input {
        margin-bottom: 10px;
    }

    .Personal-center .list-paenl ul li label {
        width: 41%;
    }
}

@media (max-width:991px) {
    .Personal-center .nav-taber-list {
        margin-top: 20px;
    }

    .Personal-center .list-paenl ul li label {
        width: 49%;
    }
}

@media screen and (max-width: 767px) {

    .Personal-center .table-responsive>.table>tbody>tr>td,
    .Personal-center .table-responsive>.table>tbody>tr>th,
    .Personal-center .table-responsive>.table>tfoot>tr>td,
    .Personal-center .table-responsive>.table>tfoot>tr>th,
    .Personal-center .table-responsive>.table>thead>tr>td,
    .Personal-center .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }

    .Personal-center .list-paenl ul li {
        padding: 25px 15px;
    }

    .Personal-center .list-paenl ul li label {
        width: 43%;
    }
}

@media (max-width:680px) {
    .Personal-center .nav-taber-list li {
        width: 20%;
    }

    .Personal-center .list-paenl ul li label {
        width: 40%;
    }

    .Personal-center .list-paenl ul li a {
        margin-right: 10px;
    }

    .Personal-center .list-paenl ul li em {
        margin-right: 5px;
    }
}

@media (max-width:580px) {
    .Personal-center .nav-taber-list li {
        width: 25%;
    }

    .Personal-center .my-zx {
        width: 75px;
        right: 10px;
        top: 115px;
    }

    .Personal-center .list-paenl ul li em,
    .list-paenl ul li a,
    .list-paenl ul li span {
        font-size: 12px;
    }

    .Personal-center .list-paenl ul li label {
        width: 38%;
        font-size: 14px;
        margin-right: 5px;
    }

    .Personal-center .list-paenl ul li a {
        margin-right: 5px;
    }
}

@media (max-width:480px) {
    .Personal-center .content-wraper {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .Personal-center .letterbox tr td {
        padding: 10px 8px !important;
    }

    .Personal-center .letterbox tr td,
    .letterbox tr td a {
        font-size: 14px;
    }

    .Personal-center .letterbox tr th {
        padding: 15px 8px !important;
    }

    .Personal-center .nav-taber-list li {
        width: 33.333%;
    }

    .Personal-center .list-paenl ul li {
        padding: 15px 10px;
        display: block;
    }

    .Personal-center .list-paenl ul li label {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 10px;
    }

    .Personal-center .list-paenl ul li a {
        margin-top: 2px;
    }
}

/*ÃƒÂ¤Ã‚Â¸Ã‚ÂªÃƒÂ¤Ã‚ÂºÃ‚ÂºÃƒÂ¤Ã‚Â¸Ã‚Â­ÃƒÂ¥Ã‚Â¿Ã†â€™ÃƒÂ§Ã‚Â»Ã¢â‚¬Å“ÃƒÂ¦Ã‚ÂÃ…Â¸*/

@media (min-width: 768px) {
    .code-body .modal-dialog {
        width: 928px;
        margin: 100px auto;
    }
}

@media (max-width: 1199px) {
    .code-body .yzm-content input {
        width: 86%;
    }
}

@media (max-width: 991px) {
    .code-body .yzm-content input {
        width: 82%;
    }
}

@media (max-width: 930px) {
    .code-body .modal-dialog {
        width: auto;
    }

    .code-body .modal-open .modal {
        padding-right: 0 !important;
    }
}

@media (max-width: 680px) {
    .code-body .yzm-content input {
        width: 78%;
    }
}

@media (max-width: 580px) {
    .yzm-content input {
        width: 72%;
    }

    .filel,
    .code-body .mennu-title span,
    .modal-title {
        font-size: 22px;
    }

    .btn-tj {
        margin-top: 55px;
    }

    .btn-tj button {
        font-size: 18px;
        width: 200px;
        height: 55px;
    }

    .modal-body {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .panel-body {
        padding: 10px 15px;
        padding-bottom: 25px;
    }

    .filel,
    .code-body .mennu-title span,
    .modal-title,
    .btn-secondary {
        font-size: 18px;
    }

    .code-body .information-meuer label,
    .code-body .information-meuer input,
    .code-body .information-meuer select,
    .code-body .information-meuer textarea {
        font-size: 16px;
    }

    .information-meuer,
    .code-body .mennu-title {
        margin-bottom: 15px;
    }

    .yzm-content input {
        width: 65%;
    }

    .modal-body p {
        font-size: 14px;
    }
}

@media (max-width: 380px) {
    .yzm-content input {
        width: 56%;
    }

    .filel a {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
}

.recommendation-body .jyzj-panel {
    width: 1200px;
    margin: 0px auto;
}

.recommendation-body .yjzj-by {
    font-size: 18px;
    color: #666;
    line-height: 2;
    margin-top: 40px;
}

.recommendation-body .jyzj-list {
    margin-top: 35px;
}

.recommendation-body .jyzj-list li {
    width: 33.33%;
    float: left;
    margin: 30px 0px 30px 0px;
}

.recommendation-body .jyzj-list li a p {
    text-align: center;
    font-size: 18px;
    margin-top: 3px;
}

.recommendation-body .jyzj-list li a img {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    display: block;
}

.recommendation-body .jyzj-page .index-page-title img {
    width: 100%;
}

.recommendation-body .yi-div {
    width: 1200px;
    margin: 0px auto;
}

.recommendation-body .title-public {
    font-size: 20px;
    font-weight: 600;
    color: #00a1e6;
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-top: 30px;
}

.recommendation-body .zxzj-ul {
    padding: 10px 0px;
}

.recommendation-body .zxzj-ul li {
    line-height: 2;
    list-style: none;
    list-style-type: none;
    position: relative;
    padding: 10px 0px 15px 15px;
}

.recommendation-body .zxzj-ul li::before {
    content: '';
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: #bebebe;
    border-radius: 100%;
    top: 21px;
    left: 3px;
}

.recommendation-body .zxzj-ul li a {
    font-size: 14px;
    color: #666;
    overflow: hidden !important;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 86%;
}

.recommendation-body .zxzj-ul li .time {
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 14px;
    color: #999;
}

.recommendation-body .my-detial ul li {
    position: relative;
    /* padding-left: 30px; */
    margin-bottom: 15px;
}

.recommendation-body .my-detial ul li::before {
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
    background: url(img/icon.jpg) no-repeat;
    background-size: 100% 100%;
    left: -7px;
    top: -5px;
}

.recommendation-body .my-detial ul li p {
    font-size: 14px;
    color: #666;
}

.recommendation-body .my-detial ul li p.title {
    font-size: 16px;
    font-weight: 500;
    color: #00a1e6;
    margin-top: 10px;
    padding-left: 30px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 86%;
}

.recommendation-body .my-detial ul li p.conner {
    font-weight: 400;
    line-height: 1.5;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
    padding-left: 30px;
    margin-bottom: 40px;
}

.recommendation-body .my-detial ul li p.detail {
    margin: 5px 0px 40px;
    font-weight: 400;
    line-height: 1.8;
}

.recommendation-body .my-detial ul li p.date {
    color: #999;
    padding-bottom: 15px;
    padding-top: 5px;
}

.recommendation-body .margin-top-5 {
    margin-top: 5px;
}

.recommendation-body .text-blue {
    font-size: 14px;
    font-weight: 500;
    color: #00a1e6;
}

.recommendation-body .border {
    border-bottom: 1px #eee solid;
}

.recommendation-body .no-border {
    border: none !important;
}

.recommendation-body .no-before::before {
    content: '';
    background: none !important;
    position: relative;
}

.recommendation-body .qy {
    font-size: 14px;
    margin: 30px 0px;
    line-height: 1.8;
    color: #666;
    font-weight: 500;
}

.recommendation-body .suggest-qy {
    border: 1px #ddd solid;
    padding: 20px 25px;
    border-radius: 4px;
}

.recommendation-body .suggest-qy p {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    font-weight: 500;
}

.recommendation-body .fill-list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.14rem 0;
    margin: 20px 0px;
    position: relative;
}

.recommendation-body .fill-list li label {
    font-size: 16px;
    color: #00a1e6;
    font-weight: 500;
    display: block;
    width: 150px;
    font-family: Arial, "noto sans", "Source Han Sans CN", "Microsoft Yahei";
}

.recommendation-body .fill-list li textarea,
.recommendation-body .fill-list li input,
.recommendation-body .fill-list li select {
    outline: none;
    display: block;
    width: calc(85% - 150px);
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 16px;
    min-height: 1.1rem;
    background-color: rgba(255, 255, 255, 1);
    color: #666;
}

.recommendation-body .iss-list li {
    position: relative;
    display: inline-block;
}

.recommendation-body .iss-list li b {
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.56rem;
    font-weight: 600;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.recommendation-body .iss-list li p {
    color: #666;
    padding-left: 20px;
    font-size: 14px;
}

.recommendation-body .iss-list li:first-child {
    margin-right: 15px;
}

.recommendation-body .iss-list li.selected b {
    border-color: #00a1e6;
}

.recommendation-body .iss-list li.selected b:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #00a1e6;
    border-radius: 100%;
    left: 3px;
    top: 3px;
}

.recommendation-body .text-red {
    color: #dd0000;
    margin-left: 3px;
}

.recommendation-body .hasprize-text {
    margin: 60px 0px 40px;
}

.recommendation-body .return-btn {
    font-size: 14px;
    background: url(../img/btn.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 110px;
    margin: 4px auto;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    border: none;
}

.recommendation-body .warn {
    position: absolute;
    right: 15%;
    font-size: 14px;
    color: #666;
}

/* fenye */
.recommendation-body .text-center {
    text-align: center !important;
}

.recommendation-body .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.recommendation-body .pagination>li {
    display: inline;
}

.pagination li a {
    cursor: pointer;
}

.recommendation-body .pagination input {
    border: 1px solid #ddd;
}

.recommendation-body .pagination>li>a,
.recommendation-body .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.recommendation-body .pagination>.disabled>a,
.recommendation-body .pagination>.disabled>a:focus,
.recommendation-body .pagination>.disabled>a:hover,
.recommendation-body .pagination>.disabled>span,
.recommendation-body .pagination>.disabled>span:focus,
.recommendation-body .pagination>.disabled>span:hover {
    color: #ddd;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.recommendation-body .pagination>li:first-child>a,
.recommendation-body .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.recommendation-body .pagination>li>a:focus,
.recommendation-body .pagination>li>a:hover,
.recommendation-body .pagination>li>span:focus,
.recommendation-body .pagination>li>span:hover {
    z-index: 3;
    color: #666;
    background-color: #eee;
    border-color: #ddd;
}

.recommendation-body .pagination>.active>a,
.recommendation-body .pagination>.active>a:focus,
.recommendation-body .pagination>.active>a:hover,
.recommendation-body .pagination>.active>span,
.recommendation-body .pagination>.active>span:focus,
.recommendation-body .pagination>.active>span:hover {
    z-index: 2;
    color: #00a1e6;
    cursor: default;
}

.recommendation-body .rmyj-detail {
    font-size: 14px;
    color: #666;
    line-height: 2;
}

.recommendation-body .title-public-detail {
    font-size: 20px;
    font-weight: 600;
    color: #555;
    padding-bottom: 0px;
    padding-top: 5px;
    margin-top: 30px;
    line-height: 1.3;
}

.recommendation-body .rmyj-detail .time {
    display: block;
    border-bottom: 1px #ddd solid;
    margin-bottom: 20px;
}

.recommendation-body .rmyj-detail p {
    text-align: justify;
}

.recommendation-body .hf-title {
    background-color: #f4f4f4;
    position: relative;
    padding: 5px 150px 5px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
}

.recommendation-body .hf-title::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: #106aff;
    left: 0px;
    top: 0px;
}

.recommendation-body .hf-title span {
    position: absolute;
    right: 15px;
}

.recommendation-body .index-page-title {
    margin-top: 0px;
}

.recommendation-body .rmyj-detail p span,
.recommendation-body .rmyj-detail p strong span {
    font-size: 16px !important;
}

.white-bg {
    background-color: #fff;
}

/*ÃƒÂ¦Ã¢â‚¬â€ ÃƒÂ©Ã…Â¡Ã…â€œÃƒÂ§Ã‚Â¢Ã‚ÂÃƒÂ¦Ã…â€™Ã¢â‚¬Â°ÃƒÂ©Ã¢â‚¬â„¢Ã‚Â®ÃƒÂ¦ Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/
.Senior-edition {
    padding: 14px 30px;
    margin-bottom: 0;
    background: #FFEAB1;
    border-radius: 50px;
    border: none;
    margin-top: 14px;
    margin-right: 15px;
    float: right;
}

.Senior-edition li {
    float: left;
    position: relative;
}

.Senior-edition li:nth-child(1) {
    padding-left: 0px;
    padding-right: 8px;
    margin-top: 0px;
    height: 20px;
    line-height: 20px;
}

.Senior-edition li a img {
    width: 62px;
}

.Senior-edition li:nth-child(1) img {
    width: 103px;
}

.Senior-edition li:nth-child(2) {
    padding-left: 0px;
    padding-right: 20px;
}

.Senior-edition li:nth-child(3) {
    padding-left: 8px;
}

.Senior-edition li:last-child {
    padding-left: 20px;
}

.Senior-edition li:nth-child(2) a::after,
.Senior-edition li:first-child a:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #8e742e;
    display: block;
    position: absolute;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
}

@media (max-width: 991px) {
    .Senior-edition {
        margin-right: 0;
        padding: 14px 10px;
    }

    .Senior-edition li:last-child {
        padding-left: 15px;
    }

    .Senior-edition li:nth-child(2) {
        padding-right: 15px;
    }
}

/*ÃƒÂ¥Ã‚ÂªÃ¢â‚¬â„¢ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“ÃƒÂ¨Ã‚ÂÃ…Â¡ÃƒÂ§Ã¢â‚¬Å¾Ã‚Â¦ÃƒÂ¥Ã‚Â¾Ã‚Â®ÃƒÂ¤Ã‚Â¿Ã‚Â¡ÃƒÂ§Ã…Â¸Ã‚Â©ÃƒÂ©Ã‹Å“Ã‚Âµ*/
.panel-heading .panel-title a {
    /* font-size: 20px; */
    color: #0069c5;
}

.lx-btn i {
    font-size: 32px;
    margin-right: 15px;
}

.btn-lg {
    font-size: 16px;
}

.tab-ul-list {
    background: #E0F2FF;
    margin: 0;
    padding: 0;
    border-radius: 6px;
    margin-bottom: 20px;
}

.tab-ul-list li {
    float: left;
    width: 33.33333%;
    margin-bottom: 0 !important;
}

.tab-ul-list li a {
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
    color: #0069C5;
}

.tab-ul-list li.active a {
    background: linear-gradient(to top, #267cf8, #48a9fa);
    color: #fff;
    position: relative;
}

.tab-ul-list li:nth-child(1).active a {
    border-radius: 6px 0 0 6px;
}

.tab-ul-list li:nth-child(3).active a {
    border-radius: 0 6px 6px 0;
}

.tab-ul-list li.active a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #267CF8;
    display: block;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}

.tips-icon {
    border-radius: 0px 10px 0px 10px;
    background: #0069C5;
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    margin-right: 5px;
    min-width: 92px;
    display: inline-block;
    text-align: center;
}

.tab-ul-list li i {
    display: block;
    margin: 0 auto;
    margin-bottom: 0.15rem !important;
}

.tab-ul-list li:nth-child(1) i {
    background: url(/public/assets/img/nav01.png) no-repeat;
    background-size: 100%;
    width: 15px;
    height: 16px;
}

.tab-ul-list li:nth-child(1).active a i {
    background: url(/public/assets/img/nav-active01.png) no-repeat;
    background-size: 100%;
}

.tab-ul-list li:nth-child(2) i {
    background: url(/public/assets/img/nav02.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
}

.tab-ul-list li:nth-child(2).active a i {
    background: url(/public/assets/img/nav-active02.png) no-repeat;
    background-size: 100%;
}

.tab-ul-list li:nth-child(3) i {
    background: url(/public/assets/img/nav03.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
}

.tab-ul-list li:nth-child(3).active a i {
    background: url(/public/assets/img/nav-active03.png) no-repeat;
    background-size: 100%;
}

.taber-nav-content .tab-nav-panel {
    display: none;
}

.taber-nav-content .active {
    display: block;
}

.weixin-matrix img {
    width: 66px !important;
    margin: 0 auto;
}

.tab-nav-panel .owl-controls {
    margin-top: 0;
}

.article-footer {}

.article-footer .labels {
    width: calc(100% - 162px);
    float: left;
    margin-top: 2px;
}

.article-footer .labels span {
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 3px;
}

.article-footer .labels span+span {
    margin-left: 5px;
}

.article-footer .labels span.l-org {
    background-color: #fff2ec;
    color: #fc7a43;
}

.article-footer .labels span.l-org {}

.article-footer .labels span.l-brown {
    background-color: #fff7ed;
    color: #c6ad7b;
}

.article-footer .labels span.l-blue {
    background-color: #e1f1ff;
    color: #0068c3;
}

.disnone {
    display: none;
}

.article-footer .editbtn button:focus,
.article-footer .editbtn button:focus-visible {
    outline: none;
}

ul.no-listbg li {
    background: none;
    padding-left: 0px;
}


/*äº’åŠ¨*/
.mail-modal button.close {
    margin-top: -30px;
    font-size: 30px;
    color: #ffffff;
}

.mail-modal .btn-hd {
    margin: 0 -10px;
}

.mail-modal .btn-hd li {
    margin-bottom: 5px;
}

.mail-modal .btn-hd li a {
    background: none;
    border: 0;
}

.mail-modal .modal-content {
    padding: 15px;
}

.mail-modal .panel:hover {
    transform: none;
    box-shadow: none;
}

.mail-modal .panel-heading {
    padding: 0;
}

.mail-modal .panel-title1 {
    margin: 0;
}

.mail-modal .btn-hd li:nth-child(1) a {
    background: url("list1.png") no-repeat center;
    background-size: cover;
}

.mail-modal .btn-hd li:nth-child(2) a {
    background: url("list2.png") no-repeat center;
    background-size: cover;
}

.mail-modal .btn-hd li:nth-child(3) a {
    background: url("list3.jpg") no-repeat center;
    background-size: cover;
}

.mail-modal .btn-hd li:nth-child(4) a {
    background: url("list6.jpg") no-repeat center;
    background-size: cover;
}

.btn-msd li {
    transition: .3s;
}

.btn-msd li a {
    position: relative;
}

.btn-msd li a p {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.btn-msd li:hover {
    margin-top: -6px;
}

.active-one-tb-img {
    width: 170px;
    margin: 0 auto;
    display: block;
}

.Online-list .Online-picer {
    width: 42px;
    margin-right: 9px;
    height: 37px;
    margin-top: 9px;
}

.Online-list .Online-txt span {
    font-size: 24px;
    font-family: DIN-Bold;
    font-weight: bold;
    color: #C01A20;
    line-height: 29px;
    text-align: left;
    display: block;
}

.Online-list .Online-txt p {
    font-size: 14px;
    font-weight: bold;
    color: #2E3434;
    line-height: 21px;
    text-align: left;
}

.Online-list .Online-picer02 {
    width: 39px;
    height: 46px;
    margin-right: 9px;
    margin-top: 5px;
}

.Online-list .Online-picer01 {
    width: 39px;
    height: 42px;
    margin-top: 6px;
    margin-right: 9px;
}

.Online-list {
    padding: 0 8px;
    padding-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px solid #E9EAEB;
    margin: 0;
}

.Online-list li:nth-child(2) {
    display: flex;
    justify-content: center;
}

.Online-list li:nth-child(3) {
    display: flex;
    justify-content: right;
}

.cxfz-pic {
    display: block;
    margin: 0 auto;
    width: 160px;
}

.innovative-development {
    padding-top: 42px;
    padding-bottom: 33px;
}

.Personal-matters li span {
    width: 50px;
    height: 50px;
    border: 1px solid #E9EAEB;
    display: block;
    margin: 0 auto;
    line-height: 44px;
    border-radius: 50%;
    margin-bottom: 7px;
}

.Personal-matters li:nth-child(2) span img,
.Personal-matters li:nth-child(3) span img {
    width: 25px;
}

.Personal-matters li:nth-child(1) span img {
    width: 22px;
}

.Personal-matters {
    padding: 0;
    margin: 0;
}

.people-name {
    margin-bottom: 18px;
    margin-top: 19px;
    font-weight: 600;
    font-size: 16px;
    color: #0076CD;
}

.card-area li.active .Personal-matters li a {
    padding: 0;
}

.Personal-matters li p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    color: #5B6265;
}

.shixiang-bocker {
    padding-top: 1px;
    padding-bottom: 15px;
}

.card-area li.active .shixiang-bocker {
    padding-bottom: 20px;
}

.Legal-person-matters li:nth-child(2) span img,
.Legal-person-matters li:nth-child(1) span img,
.innovative-development-conter li:nth-child(2) i img,
.innovative-development-conter li:nth-child(3) i img,
.innovative-development-conter li:nth-child(4) i img {
    width: 24px;
}

.Legal-person-matters li:nth-child(3) span img {
    width: 20px;
}

.shixiang-bocker01 {
    border-right: none;
}

.right-line-people {
    border-right: 1px solid #E9EAEB;
}

.innovative-development-conter li i,
.man-banshi span {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    border: 1px solid #E9EAEB;
    border-radius: 50%;
    margin-bottom: 7px;
    line-height: 44px;
}

.innovative-development-conter li:nth-child(1) i img {
    width: 20px;
}

.card-area li .content-one ul.innovative-development-conter {
    padding: 0;
}

.innovative-development-conter li p {
    font-weight: 400;
    font-size: 14px;
    color: #5E5F61;
    margin-bottom: 0;
}

.card-area li .content-one .innovative-development-conter li a {
    padding-top: 13px;
}

.innovative-development-conter li {
    margin-bottom: 6px;
}

.hot-tj img {
    width: 73px;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
}

.rmtj-bock {
    padding-top: 45px;
    padding-bottom: 38px;
}

.rmtj-active,
.active-show-onetb,
.cxfz-top-title {
    display: none;
}

.card-area li.active .rmtj-bock,
.one-active-ywtb,
.card-area li.active .ywtb-top-title,
.card-area li.active .one-ywtb-content,
.card-area li.active .innovative-development,
.card-area li.active .innovative-development-conter {
    display: none;
}

.card-area li.active .rmtj-active,
.card-area li.active .one-active-ywtb,
.card-area li.active .active-show-onetb,
.card-area li.active .cxfz-top-title,
.card-area li.active .innovative-development-two-sx {
    display: block;
}

.ywtb-logo {
    display: block;
    margin: 0 auto;
    width: 100px;
}

.ywtb-top-title {
    padding-top: 33px;
    padding-bottom: 20px;
}

.card-area li.active .cxfz-top-title {
    padding: 0;
}

.one-ywtb-content-three li span {
    font-size: 20px;
    color: #5E5F61;
    line-height: 39px;
    font-family: DIN-Bold;
    font-weight: bold;
}

.one-ywtb-content-three li p {
    font-size: 14px;
    color: #A3A4A6;
    margin-bottom: 0;
}

.one-ywtb-content-three {
    padding: 0;
    border-bottom: 1px solid #E9EAEB;
}

.one-ywtb-content .one-ywtb-content-three li {
    width: 33.333333%;
}

.one-ywtb-content .one-ywtb-content-three li a {
    padding-top: 5px;
}

.man-banshi span img {
    width: 25px;
}

.man-banshi {
    padding-top: 30px;
    padding-bottom: 26px;
    display: block;
}

.man-banshi p {
    margin-bottom: 0;
    font-size: 14px;
    color: #5B6265;
}

.four-list-development li a span {
    width: 62px;
    height: 62px;
    line-height: 55px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
}

.four-list-development li:nth-child(1) a span {
    border: 1px solid #006BCC;
}

.four-list-development li:nth-child(2) a span {
    border: 1px solid #F5C37B;
}

.four-list-development li:nth-child(3) a span {
    border: 1px solid #C01A20;
}

.four-list-development li:nth-child(4) a span {
    border: 1px solid #006BCC;
}

.innovative-development-two-sx {
    padding: 0;
    display: none;
}

.innovative-development-two-sx li p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    color: #5E5F61;
}

.card-area li.active .innovative-development-two-sx li a,
.four-list-development {
    padding: 0;
}

.card-area li.active .innovative-development-two-sx .four-list-development li {
    width: 25%;
}

.card-area li.active .innovative-development-two-sx li:nth-child(1) a span img {
    width: 24px;
}

.card-area li.active .innovative-development-two-sx li a span img {
    width: 28px;
}

.card-area li.active .three-contenter-picer li {
    padding: 0 10px;
}

.three-contenter-picer {
    overflow: hidden;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 17px;
}

.main-visual {
    height: 642px;
}

.advice-info ul li span span {
    padding-left: 0px;
    text-indent: 0px !important;
}

/*æ— éšœç¢å…³æ€€ç‰ˆæ ·å¼*/
.container {
    position: relative;
}

.ztwza {
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 15px;
    border-radius: 25px;
    border: 2px solid rgba(255, 255, 255, 1);
    padding: 10px 0px;
}

.ztwza ul {
    padding-left: 0px;
}

.ztwza li {
    float: left;
    list-style: none;
}

.ztwza a {
    display: inline-block;
    width: auto;
    border-right: 1px solid rgba(255, 255, 255, 1);
    padding: 0px 21px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
}



.advice-from {}

.advice-from .control-label {

    padding-top: 8px;
}

.advice-from .form-group {}

.advice-from .form-group textarea {
    width: 100%;
}

.advice-from .form-group .form-control {
    width: 100%;
    height: 44px;
}

.advice-from .form-actions .btn.btn-primary {
    color: #fff;
    background-color: #0069c5;
    border-color: #0069c5;
    padding: 6px 25px;
}

.advice-from .form-actions .btn.btn-default {
    color: #333;
    border: 1px #ddd solid;
    padding: 6px 25px;
}

.detail {
    line-height: 2;
    padding-left: 20px;
}

.detail li {
    font-size: 14px;
    color: #727780
}

.detail li span {
    font-size: 16px;
    color: #535A65
}

.tab-content>.tab-pane {
    display: none !important;
}

.tab-content>.tab-pane.active {
    display: block !important;
}

.hot-topic .hot-list li {
    margin-bottom: 20px;
}

.hot-topic .hot-list li a {
    box-shadow: 0px 4px 4px 0px #00000014;
    display: block;
    text-align: center;
    background: #fff;
    padding-bottom: 16px;
}

.hot-topic .hot-list li a img {
    width: 100%;
    display: block;
    height: 218px;
}

.hot-topic .hot-list li a h3 {
    color: #222;
    font-size: 22px;
    padding: 0 16px;
    line-height: 1.6;
    display: -webkit-box;
    /* ä½¿ç”¨å¼¹æ€§ç›’å­æ¨¡åž‹ */
    -webkit-line-clamp: 2;
    /* æ˜¾ç¤ºçš„è¡Œæ•° */
    -webkit-box-orient: vertical;
    /* è®¾ç½®å­å…ƒç´ åž‚ç›´å †å  */
    overflow: hidden;
    /* éšè—è¶…å‡ºçš„å†…å®¹ */
    text-overflow: ellipsis;
}

.hot-topic .hot-list li a span {
    font-size: 18px;
    color: #666;
    display: block;
}

.hot-topic .hot-list li a:hover h3 {
    color: #0A81D9;
}

.hot-topic .pagination-cont {
    display: flex;
    justify-content: center;
}

.hot-topic ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
    unicode-bidi: isolate;
}

.smrx-btn {
    margin-bottom: 20px;
}

.smrx-btn a {

    width: 100%;
}

.smrx-btn a p {
    display: inline-block;
    margin: 16px 0;
}

.smrx-btn a em {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    margin-right: 20px;
}

.smrx-btn a em i {
    font-size: 20px;
    line-height: 40px;
}

@media (max-width: 900px) {
    .hot-topic .hot-list li a img {
        height: 180px;
    }

    .hot-topic .hot-list li a * {
        text-align: left;
    }

    .hot-topic .hot-list li a h3 {
        font-size: 18px;
    }

    .hot-topic .hot-list li a span {
        padding-left: 16px;
    }
}

@media (max-width: 767px) {
    .hot-topic .hot-list li a img {
        height: auto;
    }

    .margin-top-30 {
        margin-top: 10px !important;
    }

    .hot-topic .hot-list li a img {
        height: 150px;
    }

    .hot-topic .hot-list li a img {
        height: 150px;
    }

    .hot-topic .hot-list li a h3 {
        margin-top: 6px;
        font-size: 16px;
    }
}


/* 2025-03-10 民生 */
.wellbeing-top {
    background: url(../img/Convenient-tips-bg.png) no-repeat;
    background-size: 100% auto;
    background-position-y: top;
    background-color: #fff;
}

.Convenient-tips {
    padding-top: 30px;
}

.Convenient-tips-left {}

.Convenient-tips-left-h4 {

    font-weight: bold;

    font-size: 20px;

    color: #555555;

    line-height: 23px;

    letter-spacing: 1px;

    margin: 0px 0px 10px 0px;
}

.Convenient-tips-left-h4 a {

    font-weight: bold;

    font-size: 20px;

    color: #555555;

    line-height: 23px;

    letter-spacing: 1px;
}

.Convenient-tips-left li {
    padding: 12px 0px 12px 15px;
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
}

.Convenient-tips-left li:last-child {

    border-bottom: none;
}

.Convenient-tips-left li a {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 21px;
    width: 100%;
}

.Convenient-tips-right {

    padding-left: 0px;
}

.Convenient-tips-right li {}

.Convenient-tips-right li a img {}

.Convenient-tips-right li a {}

.public-title-ms {

    margin: 0px;

    width: 100%;

    position: relative;

    margin-bottom: 20px;
}

.public-title-ms::after {
    content: '';
    width: 74%;
    background: linear-gradient(45deg, rgba(119, 176, 253, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    height: 3px;
    position: absolute;
    bottom: 9px;
    left: 102px;
}
.public-title-ms::before {
    content: '';
    width: 4px;
    height: 30px;
    background: #245497;
    position: absolute;
    top: 30px;
    left: 0px;
}
.public-title-ms img {

height: 89px;

float: left;

margin-left: 10px;
}

.public-title-ms span {

    font-weight: bold;

    font-size: 28px;

    color: #011D3C;

    line-height: 33px;

    letter-spacing: 1px;

    text-align: left;

    position: relative;

    display: block;

    width: 65%;

    float: left;

    margin-top: 25px;
}

.public-title-ms span::before {
    content: '';
    height: 3px;
    width: 75%;
    background: linear-gradient(45deg, rgba(119, 176, 253, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: -10px;
}

.public-title-ms span small {
    font-weight: 400;
    font-size: 16px;
    color: rgba(51, 51, 51, 0.6);
    line-height: 19px;
    text-align: left;
}

.public-title-ms a {
    font-weight: 400;
    font-size: 16px;
    color: #1C4B99;
    line-height: 19px;
    text-align: left;
    float: right;
    margin-top: 35px;
}

.Convenient-service {
    padding-top: 30px;
    padding-bottom: 30px;
}

.Convenient-service-list {

    padding-left: 0px;

    box-sizing: border-box;

    padding-top: 15px;

    padding-bottom: 15px;

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);

    border-radius: 5px 5px 5px 5px;

    border: 1px solid rgba(255, 255, 255, 0.8);
}

.Convenient-service-list li {

    width: 20%;

    float: left;

    padding-left: 20px;

    padding-right: 20px;
}

.Convenient-service-list li a {

    display: block;

    text-align: center;

    padding: 25px 15px;
}
.Convenient-service-list li a:hover{
    transform: translateY(-30px);
}
.Convenient-service-list li a img {

    height: 60px;
}

.Convenient-service-list li a p {

    margin-bottom: 0px;

    font-size: 18px;

    color: #fff;

    font-weight: 600;

    line-height: 25px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 20px;
}

.Convenient-service-list li:nth-child(1) a {
    background: url(../img/flyz-bg.png) no-repeat;
    background-size: 100% 100%;
}

.Convenient-service-list li:nth-child(2) a {
    background: url(../img/jzdj-bg.png) no-repeat;
    background-size: 100% 100%;
}

.Convenient-service-list li:nth-child(3) a {
    background: url(../img/xny-bg.png) no-repeat;
    background-size: 100% 100%;
}

.Convenient-service-list li:nth-child(4) a {
    background: url(../img/zswy-bg.png) no-repeat;
    background-size: 100% 100%;
}

.Convenient-service-list li:nth-child(5) a {
    background: url(../img/wbxkt-bg.png) no-repeat;
    background-size: 100% 100%;
}


.system_list {
    width: 12%;
    float: left;
    position: relative;
    padding: 0px 2px;
    transition: all 0.3s;
}

.click_con {
    width: calc(100% - 150px);
    float: left;
}

.system_list.active {
    width: 40%;
}




.system_list_tit {
    height: 500px;
    overflow: hidden;
    position: relative;
    opacity: 1;
    object-fit: cover;
}

.marketing {
    position: relative;
    margin-top: 10px;
}



.mark-main-list span {
    display: block;
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}




.system_list_tit img {
    height: 100%;
    object-fit: cover;
}




.system_list .system-title {
    position: absolute;
    color: #fff;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    writing-mode: vertical-lr;
    writing-mode: vertical-rl;
    letter-spacing: 3px;


}

.system_list.active .system-title {
    opacity: 0;
}

.system_list.active .system_list_tit img {
    width: 100%;
    height: 100%;
}

.mark-main-title {

    width: 150px;

    float: left;

    height: 500px;

    margin: 0px;

    display: flex;

    align-items: center;

    justify-content: right;

    background: linear-gradient(90deg, #1C6EC8 0%, rgba(209, 234, 247, 0) 95%);

    padding-right: 20px;
}

.mark-main-title img {

    width: 80px;
}


.wellbeing-bottom {
    background: url(../img/wellbeing-bottom-bg.png) no-repeat;
    background-size: 100% auto;
    background-position-y: bottom;
    background-color: #fff;
    padding-top: 50px;
}

.humanity {
    background: url(../img/rwpt-bg.png) no-repeat;
    background-size: 100% 100%;
    height: 493px;
    padding: 20px 0px 0px 20px;
}

.humanity-list-left {

    padding-left: 0px;
}

.humanity-list-left li {
    transition: all 0.4s;

}

.humanity-list-left li img {
    transition: all 0.4s;
    height: 470px;

    object-fit: cover;
}

.humanity-list-right {

    padding-left: 0px;

    margin: 0px -5px;
}

.humanity-list-right li {

    width: 50%;

    float: left;

    padding: 5px;
    transition: all 0.4s;
}

.humanity-list-right li img {
    transition: all 0.4s;

}


.vitality {
    background: url(../img/hlpt-bg.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 75px;
    padding: 25px 20px;
    margin-bottom: 0px;
}

.vitality .col-md-9 {
    width: 72%;
    padding-right: 0px;
}

.vitality .col-md-3 {
    width: 28%;
}

.vitality-list-left {

    padding-left: 0px;
}

.vitality-list-left li {
    transition: all 0.4s;

}

.vitality-list-left li img {
    transition: all 0.4s;
}

.vitality-list-right {

    padding-left: 0px;
}

.vitality-list-right li {

    margin-bottom: 10px;

}

.vitality-list-right li img {
    transition: all 0.4s;
}

.vitality-list-right li:last-child {
    margin-bottom: 0px;
}

.humanity-title {

    margin: 20px 0px;
}

.humanity-title img {

    height: 72px;
}

.vitality-list li:hover img,
.humanity-list li:hover img {
    transform: scale(1.03);
}

.imgmodel {

    position: fixed;

    z-index: 999;

    top: 0px;

    width: 100%;

    height: 100%;

    background: rgba(49, 49, 49, 0.85);
    display: none;
}

.imgmodel-body {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 50px 0px;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.imgmodel-body .close {

    position: absolute;

    z-index: 999;

    right: 30px;

    top: 15px;

    opacity: 1;

    text-shadow: none;
}

.imgmodel-body .close i {

    color: #fff;
}

.imgmodel .container {

    overflow: hidden;
}

.imgmodel-owl {
    width: 55%;
    margin: 0px auto;
}

.imgmodel-owl .owl-stage-outer {
    overflow: initial;
}

.imgmodel-owl .owl-item .item img {
    height: 420px;
    object-fit: cover;
    width: 100%;
}

.imgmodel-owl .owl-item .item {
    opacity: 0.3;
}

.imgmodel-owl .owl-item.active .item {
    opacity: 1;
}

.imgmodel-owl .owl-dots {}

.imgmodel-owl .owl-dots .owl-dot {}

.imgmodel-owl .owl-dots .owl-dot span {
    margin: 0px;
    border-radius: 0px;
    width: 30px;
    height: 6px;
    background-color: #fff;
}

.imgmodel-owl .owl-dots .owl-dot.active span {
    background-color: #6CD5FF;
}
.imgmodel-owl .owl-nav {

}
.imgmodel-owl .owl-controls .owl-nav [class*=owl-]{

position: absolute;

top: 40%;

font-size: 46px;

background-color: transparent;
}
.imgmodel-owl .owl-controls .owl-nav .owl-prev{

left: -100px;
}
.imgmodel-owl .owl-controls .owl-nav .owl-next{
    
right: -100px;
}

#mainNav .navbar-icon>li{position: static;}

.fb-data{
	text-align: center;
}

.footer-ewm-0618 img{
    width: 68px;
}
